Задать вопрос
Ответы пользователя по тегу Bootstrap
  • Как правильно выставить 4 или 3 ячейки в ряд в bootstrap?

    nulldef
    @nulldef
    Senior Software Developer
    <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
    Ответ написан
    Комментировать