gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Some changes in translation (#20992)

Browse Source
This commit is contained in:
Eugene
2018-10-28 20:31:01 +03:00
committed by Gregory Gubarev
parent e7fd282cde
commit c891c37e7f
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
guide/russian/bootstrap/grid-system/index.md
View File

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