我需要使用Twitter Bootstrap为我的Web应用程序添加响应式设计功能 . 我只想要响应行为,我对排版,组件或Bootstrap中包含的任何其他东西不感兴趣 .
我刚刚选择了网格系统customized Bootstrap version . 但是,当我将生成的CSS添加到我的应用程序时,我的所有样式都搞砸了( Headers ,链接和其他) . 为什么会这样?如何只使用网格系统获得Bootstrap CSS?我想避免手动修改Bootstrap文件 .
谢谢!
我需要使用Twitter Bootstrap为我的Web应用程序添加响应式设计功能 . 我只想要响应行为,我对排版,组件或Bootstrap中包含的任何其他东西不感兴趣 .
我刚刚选择了网格系统customized Bootstrap version . 但是,当我将生成的CSS添加到我的应用程序时,我的所有样式都搞砸了( Headers ,链接和其他) . 为什么会这样?如何只使用网格系统获得Bootstrap CSS?我想避免手动修改Bootstrap文件 .
谢谢!
6 回答
仅使用Bootstrap 3.3.5网格制作Grunt构建:
https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid
最小化约10KB .
如果您需要Bootstrap中的其他部分,请将它们包含在/src/less/bootstrap.less中 .
看起来您现在可以在Bootstrap 4s新下载功能上下载网格 .
只需选择
Grid system
和"responsive utilities"它就会给你:http://jsfiddle.net/7LVzs/我建议改用MDO的http://getpreboot.com/ . 从v2开始,
preboot
返回端口用于创建Bootstrap 3.0网格系统的LESS mixins /变量,并且比使用CSS生成器轻得多 . 实际上,如果只包含preboot.less
,则没有开销,因为整个文件由mixins /变量组成,因此仅用于预编译而不是最终输出 .转到http://getbootstrap.com/customize/并在BS3框架中切换您想要的内容,然后单击"Compile and Download",您将获得您选择的CSS和JS .
打开CSS并删除网格以外的所有内容 . 它们也包括一些标准化的东西 . 并且您需要将网站上的所有样式调整为框大小:border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp
结帐zirafa/bootstrap-grid-only . 它只包含你需要的 bootstrap grid 和 responsive utilities (没有重置或任何东西),并简化了直接使用 LESS files 的 complexity .