如何从Bootstrap 3获得响应式网格?

我需要使用Twitter Bootstrap将响应式devisefunction添加到我的Web应用程序。 我只想要响应行为,我对Bootstrap中包含的排版,组件或任何其他东西不感兴趣。

我有一个定制的Bootstrap版本,只是select网格系统。 但是,当我生成的CSS添加到我的应用程序,我所有的样式都搞砸了(标题,链接和其他)。 为什么会这样呢? 我怎样才能得到一个只有网格系统的Bootstrap CSS? 我想避免手动修改Bootstrap文件。

谢谢!

转到http://getbootstrap.com/customize/并从BS3框架中切换出你想要的,然后点击“Compile and Download”,你将得到你select的CSS和JS。

引导定制程序

打开CSS并删除所有网格。 他们也包括一些正常化的东西。 而且你需要调整你网站上的所有样式来设置大小:border-box – http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

结帐zirafa /引导网格只 。 它只包含您需要的引导程序网格响应式实用程序 (无需重置或任何操作),并简化了直接使用LESS文件复杂性

只要selectGrid system和“响应效用”它给你这个: http : //jsfiddle.net/7LVzs/

只使用Bootstrap 3.3.5网格进行Grunt构build:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

〜10KB最小化。

如果您需要Bootstrap的其他部分,请将其包含在/src/less/bootstrap.less中。

我build议使用MDO的http://getpreboot.com/代替。; 从v2开始, preboot后端口用于创buildBootstrap 3.0网格系统的LESS mixins /variables比使用CSS生成器轻得多。 事实上,如果只包含preboot.less那么就没有开销,因为整个文件是由mixins / variables组成的,因此只用于预编译而不是最终输出。