2013-10-03 59 views
-4

我需要在我的twitter引導程序佈局中增加span或div的大小, 佈局很流暢,基本上我所要做的就是刪除屏幕右側的空白。我需要在twitter引導中增加span或div的大小

+2

請更具體一些,並提供一些代碼,以顯示您迄今爲止所嘗試的內容。從你提供的內容中知道你的要求有些困難。畢竟,幾乎所有的佈局容器都是「跨度或分區」。 – sushain97

+0

該代碼是在viewsource ..我改變流體容器刪除填充左:0;並刪除填充權利:0; – juphi

+0

我刪除了舊的答案,因爲它沒有回答這個問題(誤解了它)。我相信新的解決實際問題。 – sushain97

回答

1

你需要增加.span9 div的大小,使其填補了.row-fluid

.row-fluid .span9 { 
    width: 77.01%; //Adjust this as necessary if there is more blank space. 
} 

這僅僅是必要的,因爲你手動修改的.span9的邊緣與margin-left: -2px

0

試試這個來獲得最大的設計:

  1. 在bootstrap.css行數

    4560刪除:

    padding-left: 0; 
    padding-right: 0; 
    
  2. 你有兩種選擇:

一個。刪除margin-left:-2px;,以便屏幕右側的空白處將被刪除但您的右側和左側將有之間的空白。

b。如果你不需要你的右邊和左邊有足夠的餘量,那麼你必須在bootstrap-responsive.css中更改行251的值,使其等於77%或者使用該值玩您的網站的最佳數字。

最後的解決方案是包裝你的(跨度3和跨度9)並使包裝的寬度爲100%。

e.g:

.anyClassName { 
width: 100%; 
} 

希望這將幫助你:

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="anyClassName"> <!-- wrapper --> 
     <div class="span3"> your code her </div> 
     <div class="span9"> your code her </div> 
     </div> <!-- /wrapper --> 
    </div> 
</div> 

然後使用喜歡你的CSS代碼針對類。

相關問題