【发布时间】:2012-09-04 18:33:46
【问题描述】:
我试图了解 twitter 引导 css 代码的哪一部分负责此示例中的左侧填充空白:http://twitter.github.com/bootstrap/examples/hero.html 但在本例中没有出现:http://twitter.github.com/bootstrap/examples/starter-template.html
提前致谢。
【问题讨论】:
标签: css twitter-bootstrap
我试图了解 twitter 引导 css 代码的哪一部分负责此示例中的左侧填充空白:http://twitter.github.com/bootstrap/examples/hero.html 但在本例中没有出现:http://twitter.github.com/bootstrap/examples/starter-template.html
提前致谢。
【问题讨论】:
标签: css twitter-bootstrap
第一个例子是在一个带有 hero-unit 类的 div 中。 hero-unit 类的内边距设置为 60 像素。
【讨论】:
我想,在这种特殊情况下,如上所述,这取决于您的屏幕分辨率。由于 Twitter Bootstrap 使用响应式 CSS,starter-template.html 的宽度会发生离散变化,并且在某些情况下填充是最小的。您可以尝试更改浏览器窗口宽度以查看填充(容器宽度)如何动态变化。 hero.html 也一样,但由于 hero.html 包含更多内容,hero.html 示例中的宽度切换早于 starter-template.html 在相同的屏幕分辨率下。
【讨论】: