2012-07-23 48 views
0

我下载了Twitter的引导,然后用定制下面非常基本的代码起动template.html文件:造型twitter引导..somehow忽略我的代码?

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

到目前为止好。它显示很好,宽度也可以。你可能注意到了,我试图加入一个“outsidecontainer”风格bootstrap.css,在最底层,这就是:

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

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

+0

也许你忘了关上一类? – Mossawi 2012-07-23 14:41:38

+0

没有......这就是全部。它看起来一切都很好。 – user1227914 2012-07-23 14:43:09

+0

尝试添加!对每种风格都很重要? background-color:#f2f2f2!important; - 只是为了看看是否有变化 – Mossawi 2012-07-23 14:45:08

回答

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> 
+0

我试图删除填充,但它甚至不工作,然后.. – user1227914 2012-07-23 15:26:06