如何在手机上使用脚手架twitter bootstrap？

Question

可以在手机上使用scaffolding twitter bootstrap吗？因为当我尝试构建单个行时，下面的代码显示2个不同的行。

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span1">Single</div>
    <div class="span1">line</div>
  </div>
</div>

Answer 1

请检查此JSfiddle with Two col

在此处查看结果Result With 2 col

  <div class="container">  
       <div class="row">  
          <div class="span12">  
             <h1>Bootstrap 12 col spanning full page</h1>   
   </div>
           <div class="span6">  
              <p> Paragraph test col1</p>   
       </div>  
       <div class="span6">  
               <p> Paragraph test col2.</p>   
        </div>  
       </div>  
    </div>

以上示例显示了cols的排列方式，当您调整浏览器大小时，cols会相互重新排列以获得最佳可读性。