Fix some translation errors (#25282)
parent
3446bc3ffc
commit
bc3268de39
|
@ -1,11 +1,13 @@
|
|||
---
|
||||
title: Grid System
|
||||
localeTitle: Сетевая система
|
||||
localeTitle: Система сеток
|
||||
---
|
||||
## Сетевая система
|
||||
## Сиситема сеток
|
||||
|
||||
|
||||
В кратце: система сеток Bootstrap помогает создавать гибкие макеты. Она состоит из системы строк и столбцов, которая помогает вам структурировать ваш контент.
|
||||
|
||||
|
||||
Строки представляют собой горизонтальные группы столбцов с максимум 12 столбцами на строку. Внутри каждой строки содержимое помещается внутри столбцов и может занимать от 1 до 12 столбцов.
|
||||
|
||||
Bootstrap имеет пять различных типов ячеек сетки, а именно Extra small, Small, Medium, Large и Extra large, для каждой из этих уровней сетки существует точка останова.
|
||||
|
@ -30,7 +32,9 @@ Bootstrap использует пиксели для определения ко
|
|||
|
||||
###### Колонки
|
||||
|
||||
Классы столбцов указывают количество столбцов, которые вы хотели бы использовать из возможных 12 в строке. Например, `col-sm-6` будет означать, что ваш столбец будет использовать половину ширины `row` на маленьком экране, а `col-lg-4` будет использовать треть на большом экране.
|
||||
|
||||
Классы столбцов указывают количество столбцов, которые вы хотели бы использовать, из возможных 12 в строке. Например, `col-sm-6` будет означать, что ваш столбец будет использовать половину ширины `row` на маленьком экране, а `col-lg-4` будет использовать треть на большом экране.
|
||||
|
||||
|
||||
Вот как вы бы определили префикс класса, чтобы использовать ширину одного столбца для различных размеров экрана:
|
||||
|
||||
|
@ -43,7 +47,7 @@ Bootstrap использует пиксели для определения ко
|
|||
<div class="col-sm-1"></div>
|
||||
```
|
||||
|
||||
#### пример
|
||||
#### Пример
|
||||
|
||||
Полноразмерная сетка с четырьмя столбцами, каждая из которых занимает полную строку на xs-экранах, половину строки на экранах sm и md и четверть ширины строки на больших и очень больших экранах.
|
||||
```
|
||||
|
@ -90,7 +94,9 @@ Bootstrap предоставляет готовую 12-ти колонную с
|
|||
|
||||
* lg -> 1200px Настольные компьютеры
|
||||
|
||||
|
||||
Bootstrap использует понятие "mobile first" и является отзывчивым(адаптивным).
|
||||
|
||||
|
||||
Понятие "mobile first" означает, что макет сетки будет автоматически реагировать на меньшие экраны. Затем HTML определяет макет сетки для больших экранов.
|
||||
|
||||
|
@ -160,11 +166,11 @@ Bootstrap предоставляет готовую 12-ти колонную с
|
|||
|
||||
_Это руководство основано на Bootstrap v4 (он будет работать с v3, за исключением того, что дополнительные маленькие экраны определяются как `xs` и нет размера `xl` )_
|
||||
|
||||
* Экстра большой: **ширина видового экрана> = 1200 пикселей**
|
||||
* Large: **ширина видового экрана> = 992px**
|
||||
* Средний: **ширина видового экрана> = 768 пикселей**
|
||||
* Малый: **ширина видового экрана> = 576 пикселей**
|
||||
* Экстра маленький: **ширина видового экрана ниже 576 пикселей**
|
||||
* Экстра большой: **ширина окна просмотра> = 1200 пикселей**
|
||||
* Large: **ширина окна просмотра> = 992px**
|
||||
* Средний: **ширина окна просмотра> = 768 пикселей**
|
||||
* Малый: **ширина окна просмотра> = 576 пикселей**
|
||||
* Экстра маленький: **ширина окна просмотра ниже 576 пикселей**
|
||||
|
||||
#### Дополнительная информация:
|
||||
|
||||
|
|
Loading…
Reference in New Issue