如何在Bootstrap中创建以下3 col布局？

Question

如何创建以下3col布局，其中每个左内容和右内容（非导航样式）都是固定的，主要中间内容可以包含英雄（或任何内容）。

变体：

1. 中间内容调整页面宽度
2. 中间内容固定最大宽度

需要测试两者，因为图表和其他小部件正在中间内容视图中，需要查看它们对固定大小的反应或允许拉伸。

变式1 - 中间内容调整大小

• 初次加载



• 页面已调整大小...自动调整身体（Hello World）。



任何信息都非常感谢！

Answer 1

对于全屏布局，您必须使用一个根本不是引导网格布局的容器，因为它将响应，因此您的容器将被调整到最远屏幕分辨率是同意......

使用div和css： -

.table { position:relative; }
.column { }
.column.left { position:absolute; left:0; top:0; width:300px; height:100%; }
.column.hero { margin:0 300px; }
.column.right { position:absolute; right:0; top:0; width:300px; height:100%; }

<强> HTML： -

<div class="table">
    <div class="column left">Left Sidebar</div>
    <div class="column hero">Hero Layout</div>
       <div class="column right">Right Sidebar</div>
</div>

演示： - http://jsfiddle.net/VTwnt/1/

感谢希望为你工作......