如何删除 Twitter 响应式引导边距？答案

【问题标题】：How to remove Twitter Responsive Bootstrap margin?如何删除 Twitter 响应式引导边距？
【发布时间】：2013-07-04 00:16:44
【问题描述】：

这是我第一次尝试 twitter bootstrap 和 css 网格。

我使用 Basic Marketing Site 作为我的示例 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。我应该为新标记制定新规则，还是有一个跨度或行类，我可以只包含来自 bootstrap.css 的跨度/行的徽标标记和样式。

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

提前致谢。

【问题讨论】：

【解决方案1】：

为什么不使用背景中的图像？就像这里使用的一样：http://twitter.github.io/bootstrap/ 用于 jumbotron 类。

background: linear-gradient(45deg, #020031 0%,#6d3353 100%); 你当然可以把你的头像放在这里。不过，我会在这里发布更多我的代码。使用 chrome devtools 从 bootstrap 的主页了解更多信息。

【讨论】：

对不起，我没有得到您的回答，但您是否建议只使用图像而不是 backounrd-color 属性？谢谢。
我不知道你的logo id 和logo-container 现在是如何设置的，风格明智。如果您将 css 属性放到网上会很有帮助。我建议查看引导程序主页的代码并将其复制到您的站点。