css - 设计 twitter bootstrap ..不知何故忽略了我的代码?

标签 css twitter-bootstrap

我下载了 twitter bootstrap,然后使用以下非常基本的代码自定义了 starter-template.html 文件:

<body>
<div class="container">
    <div class="row">
        <div class="span8 outsidecontainer"> ... </div>
        <div class="span4 outsidecontainer"> ... </div>
    </div>
</div>
</body>

到目前为止一切顺利。它显示得很好,宽度也不错。如您所见,我尝试在最底部的 bootstrap.css 中添加“outsidecontainer”样式,即:

.outsidecontainer{
    padding:5px;
    background:#f2f2f2;
    border-color:#cfcfcf;
    border-width:0px;
    border-style:solid;
    border-radius: 5px;
}

出于某种原因,这种样式并没有显示出来。我究竟做错了什么?有些东西告诉我这是在代码级别,而不是 CSS,因为甚至背景颜色都没有改变。

最佳答案

您添加了额外的填充,这将导致 spanX div 不再适合该行。

试试这个...

<body>
<div class="container">
  <div class="row">
    <div class="span8"><div class="outsidecontainer">...</div></div>
    <div class="span4"><div class="outsidecontainer">...</div></div>
  </div>
</div>
</body>

关于css - 设计 twitter bootstrap ..不知何故忽略了我的代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11614744/

相关文章:

css - 使用 twitter bootstrap 3 居中 9 列布局

css - 让 Bootstrap 使用下载的 Google 字体

css - 具有多个图像的多个类

html - 图像和 Div 叠加,效果不佳

html - 如何使表格移动友好?

javascript - 使用动态数据 Bootstrap 多选

javascript - 对于 Bootstrap 4 Carousel,点击下一步时第一张幻灯片计数不起作用

css - 输入框内的文本太靠近边框

javascript - 如何通过 JavaScript 动态增加输入控制......?

css - 如何停止以特定宽度为中心的背景图像