Bootstrap 4. Занятие 2 Позиционирование элементов
Позиционирование контента на темном фоне через Bootstrap
Небольшая страница с построенным контентом. Первый блок основа, вторая дополнение со списком. Код <style> body { background: #000000; } .top-a { margin-top: 200px; } li { border-bottom: 1px solid rgb(20, 20, 20); padding: 10px; list-style-type: none; } </style> <body> <div class="container top-a"> <div class="row"> <div class="col-8 bg-dark"> <div class="col-12 p-4"> <h2 class="text-white">Заголовок №1</h2> <p class="text-white">Новый текст.. Свежие данные.. Интересно, да? <a href="#" class="text-warning">Next</a></p>...
Bootstrap основы верстки
Bootstrap имеет свою сеточную систему, которая позволяет упростить верстку адаптивных макетов. Остальные компоненты такие как: кнопки, формы, таблицы и прочее можно сделать самому, в большинстве случаев на практике так и бывает. Сеточная система Bootstrap состоит из 12-ти колонок и имеет четыре размера: Вся сетка должна располагается в контейнере, класс container или container-fluid. Отличие классов, в том что в первом случает максимальная ширина будет 1170px, т.е. ширина сайта не будет больше этого значения. Внутри этого контейнера должен быть еще один элемент с классом row, строка сетки. В строке должны располагаться колонки...