Difícil porque o bootstrap é útil para responsivo, não estático ...
Pode estar correto com a desta maneira: 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;
}
Você não deve usar a largura da minúscula porque, em caso de dispositivo extra pequeno, ele não terá uma boa renderização