html - How to set row width by container width? -

html - How to set row width by container width? -

in file have structure:

<div class="container" style="width:1000px; border: 1px dashed #000"> <div class="row-fluid" > <div class="col-xs-12 col-sm-6" style="border:1px solid green"> </div> <div class="col-xs-12 col-sm-5" style="border:1px solid red"> </div> </div> </div>

the main problem border of container bigger 2 colums

remember default bootstrap 12 width grid. 2 divs fill 11 width (6 + 5), whereas container defaults 12, lastly column shows blank space. alter sec column have 6 width.

<div class="col-xs-12 col-sm-6" style="border:1px solid red">

html css twitter-bootstrap