Css 无需更改网格大小的五列引导布局

Css 无需更改网格大小的五列引导布局,css,twitter-bootstrap,twitter-bootstrap-3,drupal-7,drupal-modules,Css,Twitter Bootstrap,Twitter Bootstrap 3,Drupal 7,Drupal Modules,因此,我想创建一个五列布局,如本模型中提供给我的: 所以我的问题是: 我知道我可以将整个网格更改为可被5整除的数字,并创建新的列类 但是…这不是一个选项,因为我们已经构建的很多东西都是基于12列网格的 所以 我如何创建一个5列布局,并使用固定为12的网格系统 这是在Drupal7中的panels模块中完成的,我们使用引导类为其提供布局。但是我想知道我是否有一个样式表可以覆盖引导样式,并且只创建我自己的样式表,但是如果可以的话,我更愿意使用引导样式表 感谢您的帮助、意见和建议 干杯。您可以使用引

因此,我想创建一个五列布局,如本模型中提供给我的:

所以我的问题是:

我知道我可以将整个网格更改为可被5整除的数字,并创建新的列类

但是…这不是一个选项,因为我们已经构建的很多东西都是基于12列网格的

所以

我如何创建一个5列布局,并使用固定为12的网格系统

这是在Drupal7中的panels模块中完成的,我们使用引导类为其提供布局。但是我想知道我是否有一个样式表可以覆盖引导样式,并且只创建我自己的样式表,但是如果可以的话,我更愿意使用引导样式表

感谢您的帮助、意见和建议


干杯。

您可以使用引导列偏移量。实际上,您将使用12列单位中的10列,然后偏移最左边的第一列,如下所示:

<div class="container-fluid">
    <div class="row">
          <div class="col-sm-2 col-sm-offset-1">
            ..
          </div>
          <div class="col-sm-2">
            ..
          </div>
          <div class="col-sm-2">
            ..
          </div>
          <div class="col-sm-2">
            ..
          </div>
          <div class="col-sm-2">
            ..
          </div>
     </div>  
</div>

..
..
..
..
..

中介绍了获取五列布局的其他选项