создать 5 отзывчивых подразделений, используя bootstra 4 - PullRequest
Новая
       18

создать 5 отзывчивых подразделений, используя bootstra 4

0 голосов
/ 30 апреля 2020

Я пытаюсь создать 5 отзывчивых подразделений, используя bootstrap 4. Как я могу создать то же самое с 5 подразделениями. пожалуйста, проверьте мой код.

если вы можете сделать образец. большая помощь 

    <div class="col-auto">
                  <i class="fas fa-align-center"></i>
                   <label> Job code </label>
                   <label> 123456</label>
</div>


  <div class="col-auto">
                  <i class="fas fa-align-center"></i>
                   <label> Project Name </label>
                   <label> A & D Cloud implementation</label>
</div>

  <div class="col-auto">
                  <i class="fas fa-align-center"></i>
                   <label> Project Start Date </label>
                   <label> 2020-04-30</label>
</div>

  <div class="col-auto">
                  <i class="fas fa-align-center"></i>
                   <label> Task Assigned Hours: </label>
                   <label> 05</label>
</div>

  <div class="col-auto">
                  <i class="fas fa-align-center"></i>
                   <label> Task Remaining Time:  </label>
                   <label> 01.00.00</label>
</div>

1 Ответ

0 голосов
/ 01 мая 2020

В Bootstrap классы столбцов работают только внутри строки. Для чего, в свою очередь, нужен класс .container или .container-liquid Таким образом, вы можете попробовать это: 

<div class="container">
        <div class="row">
                <div class="col-auto"></div>
                <div class="col-auto"></div>
                <div class="col-auto"></div>  
                <div class="col-auto"></div>       
        </div>
</div>
...