Как правильно выставить 4 или 3 ячейки в ряд в bootstrap?
<div class="container">
  <div class="row" style="background-color: #1b6d85;height: 600px">
     <div class="col-md-4" style="background-color: red; height: 300px"></div>
     <div class="col-md-4" style="background-color: #3132ff;height: 300px"></div>
     <div class="col-md-4" style="background-color: #43ff4e;height: 300px"></div>
  </div>
</div>
Либо<div class="container">
  <div class="row" style="background-color: #1b6d85;height: 600px">
      <div class="col-md-3" style="background-color: red; height: 300px"></div>
      <div class="col-md-3" style="background-color: #3132ff;height: 300px"></div>
      <div class="col-md-3" style="background-color: #43ff4e;height: 300px"></div>
      <div class="col-md-3" style="background-color: #43ff4e;height: 300px"></div>
  </div>
</div>
У вас в строке должно быть в сумме 12. То есть 3+3+3+3 либо 4+4+4
Col-md-offset-1 это смещение на 1 ячейку слева. Всего их 12. Читайте доки. И понятно, что если вы 4+ 1+ 4+ 1+ 4+ 1 +3 конечно будет больше 12 и всё поедет. Читайте доки.
+ class row для строки.