如何在bootstrap中实现更精细的列分发

Question

我想使用大约3/12的行作为中间列，并且在两侧有两个相同宽度的列（将等于12中的4.5）。是否可以使用引导网格系统重新创建？我想过使用嵌套列，但无法想出一种方法来使两个外部列4.5宽 - 我发现的唯一方法是将整个页面分成2个半部分，然后将两个部分分成9个部分。 / 12和3/12。但是，我的中间栏将被分开。

我附上了一张图片来更好地解释它。

Answer 1

将bootstrap http://getbootstrap.com/customize/#grid-system自定义为24列。 @网格列= 24 所以你会有

<div class="col-sm-9"></div> <!-- 4.5 / 12 -->
<div class="col-sm-6"></div> <!-- 3 / 12 -->
<div class="col-sm-9"></div> <!-- 4.5 / 12 -->

应该适合你。