2013-04-29 41 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的宽度以适应内容)。

相关问题