Question

我正在尝试将行空间拆分为13列，而不是12行。每次有第13列时，无论容器的宽度如何，我的行都会分成行。所以12是固定的/

如何定义13列？

我试过了：

<div class="col-lg-13">
  <div class="row little-padding">

我也尝试过：

<div class="row little-padding col-lg-13">

但是，每行仍有12个......

Answer 1

您可以创建自定义版本的Bootstrap，并通过官方网站指定您希望它使用的列数。

该链接将您直接带到网格系统组件。

Answer 2

如果您希望网格系统为13列而不是12列，那么您必须修改bootstrap LESS模板。您可以从getbootstrap.com下载。

（13虽然是一个奇怪的选择）

您需要修改的变量是：@grid-columns，默认情况下定义为12。您可能还需要/需要修改一些其他内容，例如默认为30px的@grid-gutter-width。

Answer 3

Bootstrap用于12-col使用。

如果您想拥有更多列，则需要在Bootstrap Less变量（see here）的帮助下定义自定义响应网格。您将主要需要更改这些变量：

@grid-columns:网格中的列数。

@grid-gutter-width列之间的填充。左右分为两半。

Answer 4

你可以customize你的引导程序获得更多col，但不推荐。 12是一个很好的数字 - 留在它。

<强>更新

如果我没有误会，引导程序从基于16的网格切换到12，原因如下：a）减少支持的css和b）除以3的分数，这为不同的设备提供了更大的灵活性。

请记住，Bootstrap推广移动优先设计，假设您也考虑使用平板电脑。