Bootstrap導覽列Navbar中的選單自動齊左、齊右、居中

　　Bootstrap內建了許多的互動特效，且完全無須寫到任何的javascript，只要善用html的標籤，與Bootstrap內建的類別樣式，就可以滿足RWD網頁編排的需求，而今天要分享一個相當常用的特效，那就是導覽列選單，而內建就可將導覽列中的選單齊左、齊右，但有時因版型的規畫，也會有居中的需求，因此這時要如何讓導覽列中的選單居中呢?其實方法也很簡單，現在就一塊來看看，如何讓Bootstrap導覽列中的選單，齊左、齊右、居中。

.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar-collapse-center {
text-align: center;
}