twitter-bootstrap - 如何在手机上使用脚手架 twitter 引导程序？

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

在此处查看结果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>

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