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

Fixed text (#22038)

Browse Source 
Made some improvements to fix the translation of the article.
This commit is contained in:
vetaveja
2018-10-29 13:15:27 +02:00
committed by Gregory Gubarev
parent dbe36992e7
commit 95653c47aa
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
guide/russian/bootstrap/cards/index.md
View File

@ -4,12 +4,12 @@ localeTitle: Карты
--- ---
## \# Bootstrap 4 Cards ## \# Bootstrap 4 Cards
* Используя Bootstrap 4, вы можете создавать карты. * Используя Bootstrap 4, вы можете создавать карточки.
* Карты - это прямоугольники с небольшим количеством дополнений вокруг содержимого внутри них, которые могут использоваться для удобного отображения определенного набора информации. * Карточки - это прямоугольники с небольшим количеством дополнений вокруг содержимого внутри них, которые могут использоваться для удобного отображения определенного набора информации.
##### Чтобы создать базовую карту Bootstrap 4, вам необходимо создать контейнер `<div>` с классом `.card` и внутри другого контейнера `<div>` с классом `.card-body` ##### Чтобы создать базовую карточку Bootstrap 4, вам необходимо создать контейнер `<div>` с классом `.card` внутри другого контейнера `<div>` с классом `.card-body`
###### Вот как он будет выглядеть в html-документе ###### Вот как он будет выглядеть в html-документе
@ -23,7 +23,7 @@ localeTitle: Карты
## \### Верхний и нижний колонтитулы ## \### Верхний и нижний колонтитулы
Структура карты может быть увеличена добавлением заголовка и нижнего колонтитула. Чтобы добавить один из этих элементов, вам нужно создать контейнер `<div>` с `.card-header` или `.card-footer` . Структура карточки может быть увеличена добавлением заголовка и нижнего колонтитула. Чтобы добавить один из этих элементов, вам нужно создать контейнер `<div>` с `.card-header` или `.card-footer` .
###### Вот как он будет выглядеть в html-документе ###### Вот как он будет выглядеть в html-документе
@ -37,15 +37,15 @@ localeTitle: Карты
</div> </div>
``` ```
## \### Карты с изображениями ## \### Карточки с изображениями
* Вы также можете использовать определенные классы для отображения изображений в карточках. * Вы также можете использовать определенные классы для отображения изображений в карточках.
* Для этой цели есть два класса: card-img-top, который помещает изображение в верхнюю часть карты и карту-img-bottom, которая помещает изображение снизу, причем оба они подгоняют их к закругленной границе карту аккуратно. * Для этой цели есть два класса: card-img-top, который помещает изображение в верхнюю часть карточки и card-img-bottom, которая помещает изображение снизу, причем оба они аккуратно подгоняют их к закругленной границе карточки.
* Эти классы должны использоваться с `<img>` внутри карты для правильной работы. * Эти классы должны использоваться с тегом `<img>` внутри карточки для правильной работы.
* Имейте в виду, что если вы хотите, чтобы изображение охватывало всю ширину, вы добавляли бы контейнер изображения вне контейнера `<div>` с классом body-body. * Имейте в виду, что если вы хотите, чтобы изображение охватывало всю ширину - добавляйте контейнер изображения вне контейнера `<div>` с классом body-body.
###### Вот как он будет выглядеть в html-документе ###### Вот как он будет выглядеть в html-документе
@ -66,9 +66,9 @@ localeTitle: Карты
</div> </div>
``` ```
## \### Наложение карт ## \### Наложение карточек
* Чтобы сделать изображение на фоне карты и отобразить текст поверх нее, вам нужно использовать класс-img-overlay для содержимого, которое вы хотите отображать на изображении, вместо использования класса карты-тела , * Чтобы сделать изображение на фоне карточки и отобразить текст поверх нее, вам нужно использовать класс-img-overlay для содержимого, которое вы хотите отображать на изображении, вместо использования класса `.card-body` ,
###### Вот как он будет выглядеть в html-документе ###### Вот как он будет выглядеть в html-документе
@ -81,4 +81,4 @@ localeTitle: Карты
<div class="card-img-overlay">Overlay content</div> <div class="card-img-overlay">Overlay content</div>
</div> </div>
``` ```