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

Fix some translation errors (#25282)

Browse Source
This commit is contained in:
NailRusty
2018-12-13 00:40:15 +05:00
committed by Gregory Gubarev
parent 3446bc3ffc
commit bc3268de39
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,11 +1,13 @@
--- ---
title: Grid System title: Grid System
localeTitle: Сетевая система localeTitle: Система сеток
--- ---
## Сетевая система ## Сиситема сеток
В кратце: система сеток Bootstrap помогает создавать гибкие макеты. Она состоит из системы строк и столбцов, которая помогает вам структурировать ваш контент. В кратце: система сеток Bootstrap помогает создавать гибкие макеты. Она состоит из системы строк и столбцов, которая помогает вам структурировать ваш контент.
Строки представляют собой горизонтальные группы столбцов с максимум 12 столбцами на строку. Внутри каждой строки содержимое помещается внутри столбцов и может занимать от 1 до 12 столбцов. Строки представляют собой горизонтальные группы столбцов с максимум 12 столбцами на строку. Внутри каждой строки содержимое помещается внутри столбцов и может занимать от 1 до 12 столбцов.
Bootstrap имеет пять различных типов ячеек сетки, а именно Extra small, Small, Medium, Large и Extra large, для каждой из этих уровней сетки существует точка останова. 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> <div class="col-sm-1"></div>
``` ```
#### пример #### Пример
Полноразмерная сетка с четырьмя столбцами, каждая из которых занимает полную строку на xs-экранах, половину строки на экранах sm и md и четверть ширины строки на больших и очень больших экранах. Полноразмерная сетка с четырьмя столбцами, каждая из которых занимает полную строку на xs-экранах, половину строки на экранах sm и md и четверть ширины строки на больших и очень больших экранах.
``` ```
@ -90,8 +94,10 @@ Bootstrap предоставляет готовую 12-ти колонную с
* lg -> 1200px Настольные компьютеры * lg -> 1200px Настольные компьютеры
Bootstrap использует понятие "mobile first" и является отзывчивым(адаптивным). Bootstrap использует понятие "mobile first" и является отзывчивым(адаптивным).
Понятие "mobile first" означает, что макет сетки будет автоматически реагировать на меньшие экраны. Затем HTML определяет макет сетки для больших экранов. Понятие "mobile first" означает, что макет сетки будет автоматически реагировать на меньшие экраны. Затем HTML определяет макет сетки для больших экранов.
@ -160,11 +166,11 @@ Bootstrap предоставляет готовую 12-ти колонную с
_Это руководство основано на Bootstrap v4 (он будет работать с v3, за исключением того, что дополнительные маленькие экраны определяются как `xs` и нет размера `xl` )_ _Это руководство основано на Bootstrap v4 (он будет работать с v3, за исключением того, что дополнительные маленькие экраны определяются как `xs` и нет размера `xl` )_
* Экстра большой: **ширина видового экрана> = 1200 пикселей** * Экстра большой: **ширина окна просмотра> = 1200 пикселей**
* Large: **ширина видового экрана> = 992px** * Large: **ширина окна просмотра> = 992px**
* Средний: **ширина видового экрана> = 768 пикселей** * Средний: **ширина окна просмотра> = 768 пикселей**
* Малый: **ширина видового экрана> = 576 пикселей** * Малый: **ширина окна просмотра> = 576 пикселей**
* Экстра маленький: **ширина видового экрана ниже 576 пикселей** * Экстра маленький: **ширина окна просмотра ниже 576 пикселей**
#### Дополнительная информация: #### Дополнительная информация: