这是我第一次尝试 twitter bootstrap 和 css 网格。
我使用 Basic Marketing Site 作为示例 html 标记,并在 div.container
之外的 .hero-unit
类顶部添加了另一个标题/ Logo 框,因为我希望能够在所有尺寸上使用 100% 的页面宽度。
这是我的页眉 Logo 标记。
<header id="logo" class="logo-box">
<div class="logo-container">
<h1>Logo</h1>
<p>Lorem ipsum</p>
</div>
</header>
我如何去除黑框顶部、左侧、右侧的边距?顺便说一下,我使用 bootstrap-responsive.css。我应该为新标记制定新规则,还是有一个跨度或行类,我可以在其中包含来自 bootstrap.css 的跨度/行的 Logo 标记和样式。
图像链接将显示 Logo 框和我要删除的边距。
提前致谢。
最佳答案
为什么不在背景中使用图像?就像这里用过的一样:http://twitter.github.io/bootstrap/对于 jumbotron
类。
background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
当然,您可以在此处使用您的图片。不过,我会在这里发布更多我的代码。使用 chrome devtools 从 bootstrap 的主页了解更多信息。
关于css - 如何删除 Twitter Responsive Bootstrap margin ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17451627/