2013-04-29 84 views
1

我需要像在下面的圖示與Twitter引導創建頁面佈局:流體Twitter的引導佈局與左和右(側欄)最小寬度列

sidebar-content-sidebar 左右側欄的寬度應至少可以說300px。如果有更多的空間可以增長,但不應該縮小(其他導航鏈接將會減少)。 中間一列應該填滿整個空間。

我已經嘗試了在側邊欄跨度上分配最小寬度,但在這種情況下,如果瀏覽器內容區域寬度低於1300px,最後一個側邊欄(b)將切換到下一行。 我沒有使用響應式twitter bs css。

有沒有辦法避免這種情況?我已經找到了一些方法,但只有沒有引導,這不適合我。

正如我說的已經在運行,我不會在這裏粘貼代碼,但請http://kunden.tommy-computer.at/fsv_noetsch/(德國)

謝謝你的幫忙看看直播現場!

最好的問候, 托馬斯

+0

討厭這麼說,但這聽起來完全像是一個響應性引導的工作。 – snumpy 2013-04-29 20:25:49

回答

4

如果使用引導程序響應你可以用在左邊和右邊的側邊欄固定的東西。

<div class="row-fluid"> 
    <div class="span3"> 
     <div class="sidebar-nav-fixed"> 
     ... 
     </div> 
    </div> 
    <div class="span6"> 
     main content 
    </div> 
    <div class="span3"> 
     <div class="sidebar-nav-fixed"> 
     ... 
     </div> 
    </div> 
</div> 

例如:http://bootply.com/60284

可以減少/增加SPANX因此,如果你想邊欄窄/寬等。

+0

你好!這就像我想要的那樣,但我不想要的東西(在我的情況下)是,如果某個寬度被削弱,側邊欄就會相互排列在一起。我儘量避免用容器的最小寬度,但沒有工作。謝謝 ! – Thomas233 2013-06-10 17:47:18

0

您使用的是網格系統,所以你應該與給定的堅持網格寬度。 (甚至有99%的我的客戶希望他們的設計採用引導編碼,從不尊重網格系統,並使用隨機寬度,這就使用了網格系統)

如果您更改一個網格的寬度,必須改變它爲另一個或它不適合。 (也就是你必須編輯.span8的寬度以適應內容)。

相關問題