自舉藥丸多行奇怪的定位

編輯：我意識到這是很難理解的問題，因此它是這樣的：當我的引導程序中的藥丸導航不再適合一行（當減少寬度，或添加更多的藥丸）的位置是不符合要求的。我希望'溢出'進入一個新的行列，而不是像圖像中的特斯拉那樣卡在中間。要在fiddle中看到它：減小輸出窗格的寬度並保持在最右邊的藥片上。自舉藥丸多行奇怪的定位

<ul class="nav nav-pills"> 
    <li><a href=" #">Audi</a></li> 
    ... 
</ul>

來源

2016-08-24 burktelefon

您可以創建一個[小提琴]（http://jsfiddle.net）？否則，我們只能猜測可能是什麼問題...（旁註：你可能想省略標籤前面的空格） – giorgio

恐怕我無法做出小提琴。我必須希望有人猜測。 – burktelefon

ehrm ...使用淘汰賽無關緊要......因爲您可以包括淘汰賽，或者使用eg剝離生成的html/css。開發工具。無論如何，沒有[MCVE]（http://stackoverflow.com/help/mcve）不要期望得到建設性的幫助 – giorgio

只要簡單地除去 得到預期的結果。如果你需要對這些藥丸的右邊，有一個空間，你可以添加額外的CSS：

守則（與替代空間，而不是  - https://jsfiddle.net/ey2bosj2/2/）：

ul.nav-pills li:not(:last-child) { 
    margin-right:10px; 
}

<div class="control segmentinputgroup form-inline"> 
    <div class="span12"> 
    <span></span> 
    <ul class="nav nav-pills"> 
     <li role="presentation"><a href="#">Audi</a></li> 
     <li role="presentation"><a href="#">BMW</a></li> 
     <li role="presentation"><a href="#">Cooper</a></li> 
     <li role="presentation"><a href="#">Fiat</a></li> 
     <li role="presentation"><a href="#">Jaguar</a></li> 
     <li role="presentation"><a href="#">Kia</a></li> 
     <li role="presentation"><a href="#">Mazda</a></li> 
     <li role="presentation"><a href="#">Seat</a></li> 
     <li role="presentation"><a href="#">Tesla</a></li> 
     <li role="presentation"><a href="#">Volvo</a></li> 
    </ul> 
    </div> 
</div>

來源

2016-08-24 14:01:13

哦。謝謝！知識是國王:) – burktelefon

自舉藥丸多行奇怪的定位

回答

相關問題