我需要使用Twitter Bootstrap向我的Web应用程序添加响应式设计功能。我只想要响应行为,我对Bootstrap中的排版,组件或任何其他内容不感兴趣。
我仅选择网格系统就获得了定制的Bootstrap版本。但是,当我将生成的CSS添加到应用程序中时,我的所有样式(标题,链接和其他样式)都被弄乱了。为什么会这样呢?如何仅使用网格系统获得Bootstrap CSS?我想避免手动修改Bootstrap文件。
我需要使用Twitter Bootstrap向我的Web应用程序添加响应式设计功能。我只想要响应行为,我对Bootstrap中的排版,组件或任何其他内容不感兴趣。
我仅选择网格系统就获得了定制的Bootstrap版本。但是,当我将生成的CSS添加到应用程序中时,我的所有样式(标题,链接和其他样式)都被弄乱了。为什么会这样呢?如何仅使用网格系统获得Bootstrap CSS?我想避免手动修改Bootstrap文件。
Answers:
转到http://getbootstrap.com/customize/并从BS3框架中切换所需内容,然后单击“编译并下载”,您将获得选择的CSS和JS。
打开CSS并删除除网格以外的所有内容。它们也包括一些规范化的东西。而且,您需要将网站上的所有样式调整为框调整大小:border-box- http : //www.w3schools.com/cssref/css3_pr_box-sizing.asp
仅签出zirafa / bootstrap-grid。它仅包含您需要的引导网格和响应实用程序(无需重设或进行任何操作),并简化了直接使用LESS文件的复杂性。
只需选择Grid system
“响应实用程序”,它就会为您提供:http : //jsfiddle.net/7LVzs/
仅使用Bootstrap 3.3.5网格进行Grunt构建:
https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid
最小〜10KB。
如果您需要Bootstrap的其他部分,只需将它们包括在/src/less/bootstrap.less中即可。
我建议改用MDO的http://getpreboot.com/。从v2开始,preboot
向后移植了用于创建Bootstrap 3.0网格系统的LESS mixin /变量,并且比使用CSS生成器的重量轻得多。实际上,如果只包括preboot.less
它,则不会产生开销,因为整个文件都是由mixins /变量组成的,因此仅用于预编译,而不是最终输出。
自问这个问题已经有一段时间了,但是也许现在您可以完全放弃Bootstrap并使用CSS Grid!(它更简单,更整洁,更灵活,更快)。看到这篇很酷的文章:停止使用Bootstrap —为基于组件的UI创建实用的CSS Grid模板