Bootstrap 3，11個均勻間隔的列？

我是bootstrap 3的新手，我正在努力把握網格系統的概念。就我所使用的控件而言，這一切都很好，都設計在12個因子的列中。Bootstrap 3，11個均勻間隔的列？

但是，有一個特殊控件有11列，它們間隔均勻。

我該如何做到這一點，同時仍然遵循自舉網格系統來保持它的全部響應？

2013-10-31 JᴀʏMᴇᴇ

'list-inline'可能是您的解決方案。 http://stackoverflow.com/questions/19677570/how-to-create-8-even-columns-in-bootstrap-3-with-out-gutter – Heraldmonkey

這將讓你相當接近..

<div class="col-sm-11"> 
    <div class="col-sm-1 col-sm-offset-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
    <div class="col-sm-1">1</div> 
</div>

演示：http://bootply.com/91138

但是，這不會佔用整個頁面的寬度。這將需要定製。

來源

2013-10-31 11:57:58 ZimSystem

完美。非常感謝。 –

customize bootstrap 找到選項@gridcolumns輸入所需的列數和U可以生成您的自定義CSS

來源

2013-10-31 09:30:09 Sudheer

問題是，該網站的其餘部分仍需遵守12欄系統，我無法改變'全球'。 –

現在多數民衆贊成hard.i將通過生成11列的css來做到這一點。然後將span元素重新命名爲像spaan等所需的元素，並將其複製到原始的css中。雖然 – Sudheer

Bootstrap 3，11個均勻間隔的列？

回答

相關問題