картонная коробка на всю ширину экрана - bootstrap

Question

Как я могу настроить мою «карточку» так, чтобы она отображалась по всей ширине экрана? Я использую bootstrap

<div class="card">
     
  <h4 style="margin-top: 5px; width: 100%;">{{$tipo->tipo }}</h4> 
  
  </div>

мне нужна ширина, аналогичная нижнему колонтитулу

Answer 1

Если вы используете последнюю версию Bootstrap 4, то этот код создаст карту по всей ширине:

<div class="card w-100 mt-2">
    <h4>Restaurante</h4> 
</div>

Если все еще есть пробел, вероятно, у вас есть заполнение на контейнере div вокруг карты, поэтому вам нужно его удалить.