2012-12-21 33 views
0

我正在使用twitter引導程序,並使用其CSS類別進行網格佈局。 (我是CSS noob)需要幫助設置背景顏色來延長頁面的長度

我想有一個左列和右側的經典佈局。但是我不希望兩列之間有任何餘量。此外,左欄應從頁面左側開始,並且沒有任何頁邊空白。

引導具有基部流體佈局 -

但是我wanto做上述的更改以下 -

1)從取出任何左邊距div.span2。

2)拆下div.span2和div.span10

3)之間的任何邊緣給一個背景顏色div.span1延伸直到頁的底部。目前如果我給它一個背景色,它只會顯示包含內容的部分。不過,我希望它一直持續到頁面的長度。我該怎麼做?

任何幫助將不勝感激。

回答

1

嘛加上了8px利潤率來自用戶代理..

body { 
display: block; 
margin: 8px; 
} 

如果你想堅持的邊欄,

從bootstrap.css與

替換此

body { 
    margin: 0; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    line-height: 20px; 
    color: #333333; 
    background-color: #f5f5f5; 
} 

body { 
    margin: -8px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    line-height: 20px; 
    color: #333333; 
    background-color: #f5f5f5; 
} 

要刪除兩個跨之間的差距,距離bootstrap.css

[class*="span"] { 
    float: left; 
    min-height: 1px; 
    margin-left: 20px; 
} 

[class*="span"] { 
    float: left; 
    min-height: 1px; 
    margin-left: 0px; 
} 

替換這個我希望能解決問題