怎么正确使用bootstrap？

Question

需要先定制，再编译，再使用？（一般网站不会用官方编译好的？）

有那些好的bootstrap的资料？

Answer 1

LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统

Answer 2

这个里面有收集一些 http://www.bootcss.com/

Answer 3

其实你编译的和官方编译的没什么不同。

除非你特别熟悉 BootStrap，否则先订制经常会丢三落四：以为需要的结果用不上，以为不需要的结果又用上了；所以在开发阶段直接用完全版的就好，直到某个特定的阶段确定需要的组件数目了，再去定制一个替换掉（注意版本的变化导致的细微差异）。

正确使用 BootStrap，最先需要的是好好学 CSS（还有 HTML，BS 官方文档上给出的范例在很多时候都不是最佳的标签结构选择，这取决于你的应用）…这才是唯一绝对正确毫无争议的事实。

Answer 4

官方编译的体积又不是很大，总会有功能以后可能会用上。自已编译的，时间长了总会维护。

Answer 5

我最近的项目是用bootstrap3 ， 先看完bs3文档，相对bs2的更新文档，再结合项目设计图，选取需要的less模块+js,由于要兼容IE7，没用gird.less,再把

*,
*:before,
*:after {
  .box-sizing(border-box);
}

删除，修改一些 Variables…… 最后按照bs3的Gruntfile.js 去构建

总之要了解less,深入看bs的less源码理解其框架思路，再了解Grunt.js就可以更好的用bs3了

Answer 6

官网上面的直接复制下来用，改一些东西就行了，很方便的
链接描述

Answer 7

用gulp设置个任务去编译