css - 如何删除 Twitter Responsive Bootstrap margin ?

标签 css html twitter-bootstrap

这是我第一次尝试 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 框和我要删除的边距。

Image

提前致谢。

最佳答案

为什么不在背景中使用图像?就像这里用过的一样: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/

相关文章:

当你有多个相同的名字时,jquery 更改 1 div 的 css 类

html - 换行 CSS

javascript - 接受 IE8 文件输入中的属性

html - IE 10 字体问题 - OpenType 嵌入权限检查失败。权限必须是可安装的

html - Bootstrap 最大 2 列 div 彼此相邻

css - 为什么输入附加类会破坏流体网格中输入的宽度?

javascript - 如何强制用户的鼠标滚动操作到 div,而不是 body?

jQuery .css() 方法 – 是否可以更改默认像素单位?

javascript - 按钮上的 JQuery Mobile "tap"事件也会触发它后面的元素上的 "tap"

css - react / typescript : Idiomatic code for custom components that merge attributes?