css - Bootstrap 自定义的最佳方式

标签 css twitter-bootstrap

在浏览了网络上的许多文章之后,我们得出结论,有一些不同的方法可以自定义 twitter bootstrap:

  1. 使用http://getbootstrap.com/customize/站点,预定义设置,在下载 bootstrap 之前
  2. 将 bootstrap 下载到我们的应用程序后修改 bootstrap less 文件。
  3. 添加我们自己的 custom.css 文件,该文件将覆盖 Bootstrap css 文件。

我们的问题是它们之间有什么区别,它们在什么情况下有用?

谢谢!

最佳答案

我可以提供的唯一不完全基于意见的答案是最小化和最大化您的性能开销。通过根据您的特定需求预先配置您的 Bootstrap CSS,您无需编写额外的类或使用额外的 CSS 来覆盖现有的 Bootstrap 规范。

这最终会减少 HTTP 请求。它还减少了 CSS 不一致的可能性(即覆盖适用于一个组件,但不适用于另一个组件)。

...

另一方面;如果您继续使用开箱即用的 Bootstrap,则可以通过 CDN 轻松链接到它,这会增加您的用户手头已有 Assets 缓存的可能性。

那时我们真正深入研究了基于意见的方法,这并不适合 SO。

关于css - Bootstrap 自定义的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44995684/

相关文章:

javascript - jQueryUI switchClass 子选项无效

html - Bootstrap 垂直对齐按钮但不是响应内容

javascript - float 侧边栏进入页脚

javascript - iCheck 不适用于 knockout

jquery - html 5 网站在 chrome 和 firefox 中给出不同的结果

javascript - jQuery 库干扰导航栏和可过滤投资组合的 Javascript 小问题 - bootstrap 3

html - 添加图像,仅在悬停时,在 [already hover] 状态之上

html - 反向排序列表的自定义编号

html - 如何在 CSS 中塑造边框尖峰

html - 为什么 NavBar 在具体范围内出现和消失?