首页 文章

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

提问于
浏览
94

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

我刚刚选择了网格系统customized Bootstrap version . 但是,当我将生成的CSS添加到我的应用程序时,我的所有样式都搞砸了( Headers ,链接和其他) . 为什么会这样?如何只使用网格系统获得Bootstrap CSS?我想避免手动修改Bootstrap文件 .

谢谢!

6 回答

  • 140

    仅使用Bootstrap 3.3.5网格制作Grunt构建:

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

    最小化约10KB .

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

  • 1

    看起来您现在可以在Bootstrap 4s新下载功能上下载网格 .

  • 7

    只需选择 Grid system 和"responsive utilities"它就会给你:http://jsfiddle.net/7LVzs/

  • 4

    我建议改用MDO的http://getpreboot.com/ . 从v2开始, preboot 返回端口用于创建Bootstrap 3.0网格系统的LESS mixins /变量,并且比使用CSS生成器轻得多 . 实际上,如果只包含 preboot.less ,则没有开销,因为整个文件由mixins /变量组成,因此仅用于预编译而不是最终输出 .

  • 16

    转到http://getbootstrap.com/customize/并在BS3框架中切换您想要的内容,然后单击"Compile and Download",您将获得您选择的CSS和JS .

    Bootstrap Customizer

    打开CSS并删除网格以外的所有内容 . 它们也包括一些标准化的东西 . 并且您需要将网站上的所有样式调整为框大小:border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

  • 0

    结帐zirafa/bootstrap-grid-only . 它只包含你需要的 bootstrap gridresponsive utilities (没有重置或任何东西),并简化了直接使用 LESS filescomplexity .

相关问题