ブートストラップはレスポンシブ、非静的に役立つため、難しい...
このように正しいことができますか: 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;
}
余分な小さなデバイスの場合、それは良いレンダリングがないので、最小幅を使用しないでください