0

Как сделать чтобы внутренние отступы блока "container" в bootstrap не действовали на первый дочерний блок, а на остальные действовал как обычно. То есть первый блок должен иметь ширину на весь размер контейнера.

<div class="container">
  <div class="first-block">
    <img src="/some/url">
  </div>
  <div class="second-block">
    some content...
  </div>
  <div class="third-block">
    some content...
  </div>
</div>

1 ответ 1

2

вариант 1

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="container">
  <div class="first-block row">
    some content...
  </div>
  <div class="second-block">
    some content...
  </div>
  <div class="third-block">
    some content...
  </div>
</div>

вариант 2

.container > div:first-child{
  margin: 0 -15px;
}
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="container">
  <div class="first-block">
    some content...
  </div>
  <div class="second-block">
    some content...
  </div>
  <div class="third-block">
    some content...
  </div>
</div>

Ваш ответ

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

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