css - 如何让 Bootstrap 的 "hero-unit"适合整个顶部部分？

Question

我目前正在学习 Rails 和 CSS，并且正在尝试复制 Bootstrap 的外观 github page作为学习练习。 Bootstrap 的中央单元(紫色，包含大标题“Bootstrap”)适合页面顶部的所有，侧面没有空白。然而，我目前的尝试看起来更像这样 example page其中包含“hello world”的中央灰色单元本身是一个盒子，周围有白色空间。基本上，我的问题是，如何让空白消失？我试图模拟页面源代码中显示的内容，但我仍然得到这个结果。

谢谢!

Answer 1

如果查看您发布的示例页面的源代码，您会注意到 hero 元素位于名为 container 的 div 中。此类分配了左右边距以及宽度。您需要做的就是将它们分别更改为 0 和 100%，您应该一切顺利。