Bootstrap — это популярный фреймворк, позволяющий быстро создать сайт или веб-приложение. Одним из преимуществ использования Bootstrap является его система сеток.
Чтобы добавить сетку в проект Bootstrap, сначала добавьте следующую строку в корневой файл проекта:
.
Затем добавьте следующую строку в файл style.css проекта:.container {
padding: 20px;
margin: 0 auto;
}.row {
margin: 0;.col-md-4 {
width: 250px;.col-md-8 {
ширина: 500px;.col-md-12 {
ширина: 750px;.col-sm-4 {
ширина: 200px;.col-sm-8 {
ширина: 400px;.col-sm-12 {
ширина: 600px;.col-xs-4 {
ширина: 150px;.col-xs-8 {
width: 300px;.col-xs-12 {.row-fluid {
ширина: 100%;
padding-left: 0;
padding-right: 0;
vertical-align: middle;
вертикальное выравнивание: верх;
вертикальное выравнивание: внизу;
display: table;.table {
border-collapse: collapse;.table th {
padding: 10px;
font-weight: bold;
text-align: center;.table td {
padding: 5px;
border: 1px solid #ccc;
border-width: 1px;.table thead {
display: table-header-group;.table thead th {
padding: 0;.table tbody {
display: table-body-group;.table tbody th {.table thead tr {
display: table-row-group;.table thead tr th {.table tbody tr {
display: table-row;.
ПРО СОВЕТ: При добавлении сетки в bootstrap в Figma, убедитесь, что используете правильные настройки для вашего проекта. В противном случае ваш проект может отображаться некорректно на всех устройствах.