Блог

Главная - Вопросы по программированию - как создать сетку в классе bootstrap album

как создать сетку в классе bootstrap album

#html #css #bootstrap-4

#HTML #css #bootstrap-4

Вопрос:

У меня есть следующий код начальной загрузки 4 с классом album

 <div class="album py-5 bg-light">
  <div class="container ">

    <div class="row">
      <div class="col-md-4">
        <div class="card mb-4 box-shadow">
          <img class="card-img-top" data-src="holder.js/100px225?theme=thumbamp;bg=55595camp;fg=eceeefamp;text=Thumbnail" alt="Card image cap">
          <div class="card-body">
            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
            <div class="d-flex justify-content-between align-items-center">
              <div class="btn-group">
                <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
              </div>
              <small class="text-muted">9 mins</small>
            </div>
          </div>
        </div>
      </div>
</div>
</div>

но теперь мне нужно создать ту же систему из 3 сеток в <div class="album py-5 bg-light"> классе, но когда я создаю <div class="col-md-4"> тег альбома без container него, он не работает. тогда как я мог бы справиться и с этим?

Комментарии:

1. Пожалуйста, проясните проблему / вопрос. Дополнительные столбцы col-md-4 будут добавлены к столбцам row since row , поскольку для работы сетки они должны быть непосредственными дочерними элементами.

2. @Zim Мне нужно добавить одинаковые поля div по высоте и ширине в <div class="album py-5 bg-light">