【问题标题】:twitter bootstrap at 1180 pixels1180 像素的 twitter 引导程序
【发布时间】:2012-09-26 10:20:15
【问题描述】:

我正在使用 twitter bootstrap,需要它是 1180 像素宽,而不是默认 980 像素。我已经手动更改了 css,使得所有 .span、.offset 和 .container 元素都以 80 而不是 60 的倍数出现。到目前为止,这看起来不错。这种方法随时会咬我吗?

顺便说一句 1. 我知道响应式引导选项,但它让我的网站在 ipad 上看起来很糟糕。 2. 因为得到了奇怪的结果,所以也不能少做。

【问题讨论】:

  • LESS 得到了什么样的“奇怪结果”? variables.less 中提供了专门用于您描述的目的的变量。
  • 我在 2.0.4,最新版本是 2.1.1。我从那个版本中尝试的较少,这可能是我的网站崩溃的原因(尽管次要版本不应该破坏东西)。但即使更少,我也想知道在更改一个 var 后是否完成了,或者宽分辨率是否存在更大的限制。
  • 虽然 2.0.4 -> 2.1.1 中有一些相当大的变化,但“损坏”很可能是由于覆盖了您对 Bootstrap 核心的修改造成的。这就是为什么最好使用 LESS - 更改一两个 LESS 变量比每次升级时梳理数百行 CSS 更容易维护。

标签: twitter-bootstrap


【解决方案1】:

如果您想通过简单地使用 git 进行更新,这可能会咬到您。更好的方法可能是使用这个Bootstrap customization site

如果你不能使用 LESS 并且你确定你的计算是正确的,那么我会将我的自定义 CSS 放在一个单独的样式表中,包含在 bootstrap.css 之后,但在 bootstrap-responsive.css 之前。这样自定义文件将覆盖默认 css,并且您不必编辑引导程序本身。

您无需深入研究引导程序即可进行自己的编辑,并且可以轻松更新引导程序。

【讨论】:

  • 谢谢,但我在 2.0.4 上,这个网站有 2.1.1,由于某种原因破坏了我的网站
  • 好吧,如果您不能使用 LESS 并且您确定您的计算是正确的,那么我会将您的自定义 CSS 放在 bootstrap.css 之后包含的单独样式表中。这样您的文件将覆盖默认值,但您不必编辑引导程序本身。
猜你喜欢
  • 2014-04-21
  • 2013-09-15
  • 1970-01-01
  • 2014-09-09
  • 2014-11-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多