2013-02-18 59 views
0

是否有可能使用scaffolding twitter bootstrap與移動?因爲下面的代碼顯示了2個不同的行,當我試圖構建一個單獨的行時。如何使用腳手架twitter引導與移動?

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

回答

0

請檢查該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得到下對方重新安排最好的可讀性。

+0

我們可以說,767px下的腳手架變得無用(因爲在世襲的價值''spanX'的X',股利取整排)? – Ludo 2013-02-19 11:35:33

+0

它不是無用的,看到它的所有關於你如何迎合你的聽衆。想象一下兩列以767px的小屏幕排列。你仍然可以儘量安排這兩個網格一起寫媒體的質疑,但比可讀性將受到威脅..直到內容只是幾行代碼。 – Shail 2013-02-19 11:58:17