这是我第一次尝试使用twitter bootstrap和css网格。
我使用基本营销网站作为我的示例html标记,并在.hero-unit
之外的div.container
类顶部添加了另一个标题/徽标框,因为我希望能够使用100%宽度的所有尺寸的页面。
这是我的标题徽标标记。
<header id="logo" class="logo-box">
<div class="logo-container">
<h1>Logo</h1>
<p>Lorem ipsum</p>
</div>
</header>
如何从黑匣子的顶部,左侧,右侧移除边距?顺便说一下,我使用bootstrap-responsive.css。我应该为新标记制定新规则,还是有一个span或row类,我可以在其中包含bootstrap.css中跨越/行的徽标标记和样式。
图像链接将显示徽标框和我要删除的边距。
提前致谢。
答案 0 :(得分:0)
为什么不在后台使用图像?就像它在这里使用的那样:jumbotron
类http://twitter.github.io/bootstrap/。
background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
您当然可以在此处获取您的图像。我会在这里发布更多代码。使用chrome devtools从bootstrap的主页了解更多信息。