我下载了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,因为甚至背景颜色也没有变化。
答案 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>