Question

我正在尝试在bootstrap中创建一个布局，通过在作者正在做的情况下将两个div彼此对齐，这里是代码正在执行的操作：

 <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的内容彼此相邻排列，但对我而言，它们彼此出现，我做错了什么？

Answer 1

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

您可能正在使用Bootstrap v3，但查看Bootstrap v2示例/教程。不要这样做。使用Bootstrap v3时请参考Bootstrap v3资料。

Answer 2

将.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>

span4，span3 bootstrap not aligning

2 个答案: