#html #css #bootstrap-4 #frontend #bootstrap-cards
Вопрос:
Я продолжаю получать ненужное дополнительное пространство в правой части веб-страницы всякий раз, когда я добавляю загрузочные карты ,которые выглядят так: проблема с изображением, я пытаюсь поместить все внутри разделов, кто-нибудь знает, как удалить это пространство? Спасибо!
<section id="section" class="container-fluid" style="background-color: steelblue;">
<h1 id="bulletin">Bulletin Board</h1><br>
<hr id="bulletin-divider">
<div class="row row-cols-1 row-cols-md-3">
<div class="col mb-4">
<div class="card h-100" id="cards">
<img src="..." class="card-img-top" alt="art preview">
<div class="card-body">
<h5 class="card-title">dasddsa</h5>
<hr>
<p class="card-text">ART DETAILS</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<img src="..." class="card-img-top" alt="art preview">
<div class="card-body">
<h5 class="card-title">dasddsa</h5>
<hr>
<p class="card-text">ART DETAILS</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
</div>
</section>
Комментарии:
1. Что вы пытались сделать, чтобы решить эту проблему? Почему бы не открыть консоль разработчика вашего браузера, чтобы проверить дополнительные места?
2. Я исправляю это, изменяя размер отступа. Спасибо!