bootstrap3如何在容器的左侧和右侧插入div-blocks

块的宽度应该占用屏幕宽度左侧的空间。 enter image description here bootstrap3如何在容器的左侧和右侧插入div-blocks

谢谢

2014-08-30 user3378283

你需要让你的问题更清楚发生了什么第一列和第三列的屏幕宽度太小而无法显示。他们的最小宽度是多少？ – isherwood 2014-08-30 22:06:13

[Bootstrap 3.0 - 包含固定列大小的流体网格]的可能重复（http://stackoverflow.com/questions/19231742/bootstrap-3-0-fluid-grid-that-includes-fixed-column-sizes） – isherwood 2014-08-30 22:07:38

你会怎么做与做小屏幕，其中容器得到全宽的块？你为什么不这样做：

<div class="container-fluid"> 
    <div class="row"> 
    <div class='col-md-2'><!-- Block --></div> 
    <div class='col-md-8'><!-- Container --></div> 
    <div class='col-md-2'><!-- Block --></div> 
    </div> 
</div>

或者，如果你想在侧块要在移动隐藏：

<div class="container-fluid"> 
    <div class="row"> 
    <div class='col-md-2 hidden-sm'><!-- Block --></div> 
    <div class='col-md-8 col-sm-12'><!-- Container --></div> 
    <div class='col-md-2 hidden-sm'><!-- Block --></div> 
    </div> 
</div>

来源

2014-08-30 21:35:07 Pevara

我的容器需要max-970px，如果屏幕有更多的空间，那么用户应该看到这些块。 – user3378283 2014-08-30 21:46:16

理想情况下，我应该在页面中间放置一个块 - 中间为970像素，如果屏幕有空闲空间 - 则在中间块的左侧和右侧添加两个块并填充此空间。对于设计来说重要的是中间块需要970px并且处于中间。 – user3378283 2014-08-30 21:55:57

然后你将不得不写一些自定义的CSS，不可能与纯引导我相信 – Pevara 2014-08-30 22:01:08

bootstrap3如何在容器的左侧和右侧插入div-blocks

回答

相关问题