Css Twitter引导网格系统-4 span3';s结果为2行

Css Twitter引导网格系统-4 span3';s结果为2行,css,twitter-bootstrap,twitter-bootstrap-2,Css,Twitter Bootstrap,Twitter Bootstrap 2,我正在使用twitter引导,希望在一个容器中的一行上有4个“如何工作”部分。根据twitter bootstrap,在一个容器中,有12个跨度,所以这不应该是一个问题 出于某种原因,当我创建4个div时,它会导致第4个div进入下一行。我的屏幕宽度大于它应该垂直堆叠的宽度,所以这不是问题所在 有什么想法吗 CSS在这里 .howitworks{ text-align: center; margin-top: 30px; } .howitwork

我正在使用twitter引导,希望在一个容器中的一行上有4个“如何工作”部分。根据twitter bootstrap,在一个容器中,有12个跨度,所以这不应该是一个问题

出于某种原因,当我创建4个div时,它会导致第4个div进入下一行。我的屏幕宽度大于它应该垂直堆叠的宽度,所以这不是问题所在

有什么想法吗

CSS在这里

.howitworks{
        text-align: center;
        margin-top: 30px;
        }

.howitworks p{
        margin-left:20%;
        padding-bottom: 40px;}

.howitworks h3{
        padding-top:25px;
            }

#howitworksdetail{
        border: thin solid #0d9e49;
        border-bottom-width: 3px;
        border-bottom: solid #0d9e49;
        min-height: 220px;
        margin-top: 60px;
            }
这里是HTML

<div class = "container">
 <div class = "howitworks">
   <div class = 'span3', id= 'howitworksdetail'>
     <h3 class = "text-center">header</h3>
     <p class = "span2 text-center">stuff.</p>
   </div>
   <div class = 'span3', id= 'howitworksdetail'>
     <h3 class = "text-center">header</h3>
     <p class = "span2 text-center">stuff</p>
   </div>
   <div class = 'span3', id= 'howitworksdetail'>
     <h3 class = "text-center">header</h3>
     <p class = "span2 text-center">stuff</p>
   </div>
   <div class = 'span3', id= 'howitworksdetail'>
     <h3 class = "text-center">header</h3>
     <p class = "span2 text-center">stuff</p>
   </div>
 </div>
</div>

标题

之类的东西

标题

资料

标题

资料

标题

资料


我试图消除边界,但也没有成功。谢谢

看起来您的代码中缺少了
。您将在页面上注意到,它需要类
row
,以便创建包含这12列的行


另外,在
元素上有类
span2
,但我相信您只想将网格类应用于
元素。希望这有帮助

谢谢你,这很有效,我完全错过了。那么,是否有任何方法可以在不进入下一行的情况下为这些div添加边框?请在此处找到该问题的答案: