2015-02-09 86 views
0

我试图在引导布局,对准对方旁边两个div作为一个作家是干什么的,这里的代码正在做:span4,span3自举不对齐

<div class="row"> 
      <div class="span3"> 
        <div><strong>Date:</strong> 1/1/1900</div> 
      </div> 
      <div class="span4"> 
        <address> 
         <strong>Address:</strong><br/> 
         Our Offices<br/> 
         New York, USA 
        </address> 
      </div> 
     </div> 

作者有结果span3和span4的内容彼此相邻,但对于我来说,它们出现在对方之下,我做错了什么?

+0

[Bootstrap span class not working as working as working](可能重复)(http://stackoverflow.com/questions/23046404/bootstrap-span-classes-not-working-as-expected) – 2015-02-09 19:02:48

回答

1

.span*类来自Bootstrap v2。 Bootstrap v3不与Bootstrap v2向后兼容,并用the .col-*-* classes替换那些类。

你大概在使用Bootstrap v3,但看着Bootstrap v2的例子/教程。不要这样做。使用Bootstrap v3时请参阅Bootstrap v3资料。

0

.col-md-6类别或任何其他大小(例如.col-sm-6)添加到div。您没有为.span3.span4定义任何CSS。

<div class="row"> 
     <div class="col-md-6"> 
       <div><strong>Date:</strong> 1/1/1900</div> 
     </div> 
     <div class="col-md-6"> 
       <address> 
        <strong>Address:</strong><br/> 
        Our Offices<br/> 
        New York, USA 
       </address> 
     </div> 
    </div>