ブートストラップの2列のレイアウト（最大幅と固定サイズの列）

Question

ブートストラップで次の2列のレイアウトを達成するにはどうすればよいですか？

• 列1：幅は、最小幅と最大幅の間の利用可能なサイズに調整されます
• 列2：サイズの幅を固定します

たとえば、私が持っている場合：

• 列1分幅：300px
• 列1最大幅：800px
• 列2幅：400px

利用可能な800pxの幅の解像度では、両方の列が幅400pxになると予想されます。利用可能な2000pxの解像度では、最初の列は800px、2番目の列は400pxであると予想され、画面の右側に800pxの空白があります。

Answer 1

ブートストラップはレスポンシブ、非静的に役立つため、難しい...

このように正しいことができますか： 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;
}

余分な小さなデバイスの場合、それは良いレンダリングがないので、最小幅を使用しないでください