Сітка 1 <div class="container-fluid">
2 <div class="container"><div class="row"> <div class="col-3" style="background-color:red;">1</div> <div class="col-6" style="background-color:lavender;">2</div> <div class="col-3" style="background-color:red;">3</div> </div> <div class="row"> <div class="col-sm-4" style="background-color:#DAF7A6;">1</div> <div class="col-sm-4" style="background-color:#DAF7A6;">2</div> <div class="col-sm-4" style="background-color:#DAF7A6;">3</div> </div>
Вирівняти <div class="row text-center"> - текст по центру <div class="row justify-content-center">
В середину col можна вставляти інший row Тло <style type="text/css"> body { background: black !important; } </style> Зображення на тлі body { background: url('1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } [ Інші властивості ] |
Головна > Bootstrap 4 >