2012-11-03 111 views
2

我有一個respsonsive twitter bootstrap佈局,左邊欄。當我改變屏幕分辨率時,邊欄和內容區域會改變它們的大小。Twitter Bootstrap Respsonsive佈局:固定大小的側邊欄?

當內容區域(class .span9)更改大小時,是否可以使邊欄(class .span3)保持固定寬度?

+1

如果您需要佈局元素是固定的,那麼你應該考慮不使用'.span'類,它們已經被調整爲響應屏幕寬度的變化。您可能需要使用響應式CSS來實現您自己的一組類,以保留在佈局網格中。 – VKen

+0

這是一個處理這個問題的教程:http://ekdhl.net/blog/2012/10/19/fixed-width-static-sidebar-with-twitter-bootstrap-fluid-layout/ –

回答

0

創建一個只覆蓋特定區域中的.span3的新規則,然後添加到樣式表的末尾。所以 - 是這樣的:

 
.sidebar .span3 { 

width: 200px !important; 

}