2013-07-03 58 views
0

这是我第一次尝试twitter bootstrap和css网格。如何删除Twitter Responsive Bootstrap保证金?

我用了基本的营销网站作为我的样本HTML标记,并在.hero-unitdiv.container外顶部增加了一个头/标志框,因为我希望能够使用网页的宽度为100%所有的大小。

这是我的标题标志标记。

<header id="logo" class="logo-box"> 
    <div class="logo-container"> 
    <h1>Logo</h1> 
    <p>Lorem ipsum</p> 
    </div> 
</header> 

我怎么会移除顶部的黑盒子的边缘,左,右?顺便说一句,我使用bootstrap-responsive.css。我应该为新标记制定一个新的规则,还是有一个跨度或行类,我可以在bootstrap.css中包含标记标记和跨越/行的样式。

图片链接将显示我想要删除的徽标框和边距。

Image

在此先感谢。

回答

0

为什么不在背景中使用图像?就像它已经在这里使用:http://twitter.github.io/bootstrap/jumbotron类。

background: linear-gradient(45deg, #020031 0%,#6d3353 100%);你当然可以在这里得到你的形象。尽管我会在这里发布更多的代码。使用chrome devtools从bootstrap的主页学习更多。

+0

对不起,我没有得到你的答案,但你建议只使用图像,而不是backounrd颜色属性?谢谢。 –

+0

我不知道你的'logo' id和'logo-container'是如何设置的,风格明智。如果你把你的CSS属性在线,这会很有帮助。我建议查看引导程序主页的代码并将其复制到您的站点。 – 2013-07-03 17:07:48