帶有相同菜單項的引導菜單

我有一個引導菜單，我想用相同寬度的菜單項（使用網格）。我的問題是，我不能添加一行類ul和li元素之間，但我需要的東西是這樣的：帶有相同菜單項的引導菜單

<ul class="nav navbar-nav col-sm-6"> 
    <li class="col-sm-4"><a href="#">Menu 1</a></li> 
    <li class="col-sm-4"><a href="#">Menu 2</a></li> 
    <li class="col-sm-4"><a href="#">Menu 3</a></li> 
</ul>

有誰知道我怎麼能解決這個問題？

來源

2015-05-13 levipadre

它似乎工作，因爲是... [http://www.bootply.com/yVLIbzLuyQ](http://www.bootply.com/yVLIbzLuyQ）。 – Ted

你的意思是相同的寬度，但在一列？然後col-xs-12 –

但是我們需要在兩個不同的cols之間放一排，因爲在這種情況下不會完全適合。行類爲元素添加了一些負邊距。 http://www.bootply.com/qiuv88zRv1 – levipadre

像泰德上面說的，你有什麼工作。
但它也聽起來像你想添加一個空間或之間的差距。

如果是這樣，爲什麼不只是添加... 請確保您允許在col-lg-x中添加額外的寬度。

<style> 
.gapit { 
    width:1%; 
    background-color: blueviolet; 
    height:50px; 
    } 
</style> 
<li class="col-lg-2"><a href="#">Home</a></li> 
<li class="gapit"></li> 
<li class="col-lg-2"><a href="#about">About</a></li> 
<li class="gapit"></li> 
<li class="col-lg-2"><a href="#contact">Contact</a></li>

或者，如果你不想做這種方式，如何只添加一些餘量，以這樣的權利...

<style> 
.padit { 
    margin-right:1%; 
    } 
</style> 
<li class="col-lg-2 padit"><a href="#">Home</a></li> 
<li class="col-lg-2 padit"><a href="#about">About</a></li> 
<li class="col-lg-2"><a href="#contact">Contact</a></li>

來源

2015-05-14 02:09:51 AngularJR

帶有相同菜單項的引導菜單

回答

相關問題