2013-10-14 93 views
0

我使用引導v.2.3.2(ie7原因),並希望使一個固定列大小(300px)的網格。我可以這樣做,當列第一和左列,但我需要它在頁面的右側。我也在堆棧中找到了一些工作示例,但在這些示例中,固定列首先在頁面代碼中,然後浮動到右側。是否有可能使span300px成爲「最後」和固定大小的元素(語義原因)?Bootstrap固定大小的右列

我的代碼是非常簡單的:

<div class="container"> 
    <div class="row-fluid"> 
     <div class="span8"> 
      .... 
     </div> 
     <div class="span300px"> 
      .... 
     </div> 
    </div> 
</div> 

當頁面將在智能手機中顯示,該列將被隱藏。

感謝您的任何幫助。

回答

0

將自定義類添加到您的範圍。

HTML:

<div class="container"> 
    <div class="row-fluid"> 
     <div> 
      .... 
     </div> 
     <div class="span3 fixed300"> 
      .... 
     </div> 
    </div> 
</div> 

CSS:

fixed300 { 
    min-width:300px !important; 
    max-width:300px !important; 
    float:right !important; 
    margin-left: 2em; 
} 
+0

不幸列的寬度從span3拍攝,並且在這個例子中整個網站現在只有11列。 – Adrian

+0

你可以用'!重要'來嘗試,就像在我的編輯中一樣,而且...我也在11列上編碼;) – pbenard

+0

現在右欄有300px,但'span8'欄不是流體?我在 – Adrian