В вебе - новичок. В html при использовании сетки Bootstrap делаю два основных столбца для категорий магазина и фото-товаров в одной строке. Стандартные 12 столбцов на строку, не более. Но правую часть столбцов(col-md-9) с фото все равно заворачивает на следующую, опуская вторую часть столбцов ниже первой на следующую строку. Если убираю один из столбцов в общей строке, доводя общее число до 11, все располагается правильно в одной строке. В чем дело? В коде - все верно, как не смотрю. Лишнего столбца нет... Структура:
<div class="container-fluid">
<div class="row">
<div class="col-md-3 sidebar">
<h3>Categories</h3>
<ul id="list">
.........
</ul>
</div>
<div class="col-md-9 images">
<div class="row">
<div class="col-sm-4">
...............
</div>
<div class="col-sm-4">
...............
</div>
<div class="col-sm-4">
...............
</div>
</div> <!-- /.internal row -->
</div> <!-- /.col-md-9 -->
</div> <!-- /.external row -->
</div> <!-- /.container-fluid -->
