Штирлиц — Сеть печатных салонов в Перми

Весь комплекс печатных услуг в Перми. Общирная сеть печатных салонов в Перми. Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми

Bootstrap 4 на русском: Bootstrap. Документация на русском языке.

Содержание

css — Вложенная сетка в Bootstrap 4

Вопрос задан

Изменён 8 дней назад

Просмотрен 19 раз

По заданию нужно, используя сетку Bootstrap 4 сверстать секцию, состоящую из левого блока с классом «col-xl-3 col-lg-4», содержащим только заголовок секции, и правого с классом «col-xl-9 col-lg8 col-md-12», содержащего шесть карточек, шириной в три колонки на разрешении xl. Какие классы bootstrap-grid.css нужно применить к элементам правого блока?

<section>
      <div>
        <div>
          <div>
            <h3>
              Broadcasts
            </h3>
          </div>
          <div>
            <div>
              <div>
                <div>
                  <h4>
                    Broadcast 1
                  </h4>
                </div>
              </div>
              <div>
                <div>
                  <h4>
                    Broadcast 2
                  </h4>
                </div>
              </div>
              <div>
                <div>
                  <h4>
                    Broadcast 3
                  </h4>
                </div>
              </div>
              <div>
                <div>
                  <h4>
                    Broadcast 4
                  </h4>
                </div>
              </div>
              <div>
                <div>
                  <h4>
                    Broadcast 5
                  </h4>
                </div>
              </div>
              <div>
                <div>
                  <h4>
                    Broadcast 6
                  </h4>
                </div>
              </div>
            </div><!--/wrapper-->
          </div>
        </div><!--/row-->
      </div><!--/container-->
    </section>

. flex {
  display: flex;
}
.wrapper {
  flex-wrap: wrap;
}
  • css
  • адаптивная-верстка
  • bootstrap4
4

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Как использовать библиотеку Bootstrap в Vue.js