0

Как убрать эти крайние отступы у bootstrap col-4?

введите сюда описание изображения


Если убираю у них padding, то они вовсе сплющиваются:


введите сюда описание изображения


Примерный код:

<div class="container">
    <div class="row">
        <div class="col-4"></div>
        <div class="col-4"></div>
        <div class="col-4"></div>
    </div>
</div>
1
  • Выше на страничке, что на скриншотах, реализация была по другому сделана, там не использовались col
    – sazdan
    23 сен 2021 в 17:55

1 ответ 1

1

.container {
  background-color: green;
}

.row {
  margin: 0 calc(var(--bs-gutter-x) * -1) !important;
}

.col-4 div {
  border: 1px solid red;
  height: 20px;
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

<div class="container">
  <div class="row">
    <div class="col-4">
      <div></div>
    </div>
    <div class="col-4">
      <div></div>
    </div>
    <div class="col-4">
      <div></div>
    </div>
  </div>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.