Уроки Html, Css / Как располагать элементы в контейнерах с помощью bootstrap
Тема 9. Как создавать макеты и контейнеры в HTML?
Эта тема объединяет методы организации и группировки контента для создания структурированных макетов с использованием блочных элементов. <div class="container">
<p>Контент внутри контейнера.</p>
</div> <style>.
flex-container {
display: flex;
justify-content: space-between;
}.
flex-item {
background: #f4f4f4;
padding: 20px;
margin: 10px;
}
</style>
<div class="flex-container">
<div class="flex-item">Блок 1</div>
<div class="flex-item">Блок 2</div>
<div class="flex-item">Блок 3</div>
</div> <style>...
Что такое контейнеры и для чего они нужны сайту?
Контейнеры — это изолированное виртуальное пространство (изолированная среда) для запуска приложений (кода) в веб-проекте. Это как бы компьютер в компьютере — у него даже есть собственная операционная система. При этом он пользуется ресурсами машины, на которой установлен, — процессором, оперативной памятью и жестким диском. Представьте свой сайт как ферму с разными культурами: пшеницей, помидорами, огурцами, вишней, картофелем. Чтобы все растения на ферме дали плоды, каждому из них нужна своя комфортная среда, изолированная от других...