Some changes in translation (#20992)
parent
e7fd282cde
commit
c891c37e7f
|
@ -4,7 +4,7 @@ localeTitle: Сетевая система
|
|||
---
|
||||
## Сетевая система
|
||||
|
||||
Вкратце система сетки Bootstrap помогает создавать гибкие макеты, она состоит из системы строк и столбцов, которая помогает вам структурировать ваш контент.
|
||||
В кратце: система сеток Bootstrap помогает создавать гибкие макеты. Она состоит из системы строк и столбцов, которая помогает вам структурировать ваш контент.
|
||||
|
||||
Строки представляют собой горизонтальные группы столбцов с максимум 12 столбцами на строку. Внутри каждой строки содержимое помещается внутри столбцов и может занимать от 1 до 12 столбцов.
|
||||
|
||||
|
@ -28,9 +28,9 @@ Bootstrap использует пиксели для определения ко
|
|||
<div class="row"></div>
|
||||
```
|
||||
|
||||
###### Колонны
|
||||
###### Колонки
|
||||
|
||||
Классы столбцов указывают количество столбцов, которые вы хотели бы использовать, из возможных 12 в строке. Например, `col-sm-6` будет означать, что ваш столбец будет использовать половину ширины `row` на маленьком экране, а `col-lg-4` будет использовать третью на большом экране.
|
||||
Классы столбцов указывают количество столбцов, которые вы хотели бы использовать из возможных 12 в строке. Например, `col-sm-6` будет означать, что ваш столбец будет использовать половину ширины `row` на маленьком экране, а `col-lg-4` будет использовать треть на большом экране.
|
||||
|
||||
Вот как вы бы определили префикс класса, чтобы использовать ширину одного столбца для различных размеров экрана:
|
||||
|
||||
|
@ -45,7 +45,7 @@ Bootstrap использует пиксели для определения ко
|
|||
|
||||
#### пример
|
||||
|
||||
Полноразмерная сетка с четырьмя столбцами, каждая из которых занимает полную строку на xs-экранах, половину строки на экранах sm и md и четверть ширины строки на больших и больших экранах.
|
||||
Полноразмерная сетка с четырьмя столбцами, каждая из которых занимает полную строку на xs-экранах, половину строки на экранах sm и md и четверть ширины строки на больших и очень больших экранах.
|
||||
```
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
|
@ -78,7 +78,7 @@ Bootstrap предоставляет готовую 12-ти колонную с
|
|||
- 6 = column width
|
||||
```
|
||||
|
||||
Как сетка с 12 столбцами, все ширины столбцов сетки, заданные пользователем, должны содержать до 12.
|
||||
Как сетка с 12 столбцами, все ширины столбцов сетки, заданные пользователем, должны содержать до 12 столбцов.
|
||||
|
||||
Значения размера экрана могут быть назначены следующим образом:
|
||||
|
||||
|
@ -90,12 +90,12 @@ Bootstrap предоставляет готовую 12-ти колонную с
|
|||
|
||||
* lg -> 1200px Настольные компьютеры
|
||||
|
||||
Bootstrap является мобильным первым и отзывчивым.
|
||||
Bootstrap использует понятие "mobile first" и является отзывчивым(адаптивным).
|
||||
|
||||
Сначала Mobile означает, что макет сетки будет автоматически реагировать на меньшие экраны. Затем HTML определяет макет сетки для больших экранов.
|
||||
Понятие "mobile first" означает, что макет сетки будет автоматически реагировать на меньшие экраны. Затем HTML определяет макет сетки для больших экранов.
|
||||
|
||||
|
||||
Следующий код и изображение показывают, что возможно, используя разные ширины столбцов.
|
||||
Следующий код и изображение показывают, что возможно, при использовании разных ширин столбцов.
|
||||
|
||||
```html
|
||||
|
||||
|
@ -168,4 +168,4 @@ _Это руководство основано на Bootstrap v4 (он буде
|
|||
|
||||
#### Дополнительная информация:
|
||||
|
||||
https://getbootstrap.com/docs/4.0/layout/grid/
|
||||
https://getbootstrap.com/docs/4.0/layout/grid/
|
||||
|
|
Loading…
Reference in New Issue