造型twitter bootstrap ..somehow忽略我的代码?

时间:2012-07-23 14:38:52

标签: 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,因为甚至背景颜色也没有变化。

1 个答案:

答案 0 :(得分:0)

您添加了额外的填充,这将导致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>