Bootstrap中的两列布局（最大宽度和固定大小列）

Question

如何在Bootstrap中实现以下两列布局？

• 第1列：宽度调整为可用尺寸，介于最小和最大宽度之间
• 第2栏：固定尺寸宽度

例如，如果我有：

• 第1列的宽度：300px
• 第1列最大宽度：800px
• 第2列宽度：400px

在宽度为800px的分辨率中，我希望两列的宽度都是400px。 在2000px可用的分辨率中，我预计第一列为800px，第二列为400px，屏幕右侧将有800px的空白区域。

Answer 1

很难，因为bootstrap对于响应，非静态......非常有用。

这样可以是正确的：http://bootply.com/98214

<强> HTML

<div class="row">
  <div id="col1" class="col-xs-6 col-md-5">coco 1</div>
  <div id="col2" class="col-xs-6 col-md-2">coco 2</div>
</div>

<强> CSS

#col1{
  background:green;
  max-width:800px !important;
}

#col2{
  background:yellow;
  max-width:400px !important;
}

你不应该使用min-width，因为如果设备超小，它将没有良好的渲染