diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md
index 9f67a6c8d0..53bd44e092 100644
--- a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md
@@ -6,17 +6,17 @@ required:
raw: true
challengeType: 0
forumTopicId: 16638
-localeTitle: Добавить шрифт Удивительные значки на наши кнопки
+localeTitle: Добавить иконки Font Awesome к вашим кнопкам
---
## Description
-Font Awesome - удобная библиотека икон. Эти значки являются векторной графикой, хранящейся в формате .svg
файла. Эти значки обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML. Вы можете включить Font Awesome в любое приложение, добавив следующий код в начало вашего HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
В этом случае мы уже добавили его для вас на эту страницу за кулисами. Элемент i
изначально использовался, чтобы сделать другие элементы курсивом, но теперь он обычно используется для значков. Вы можете добавить классы Font Awesome к элементу i
чтобы превратить его в значок, например: <i class="fa fa-info-circle"></i>
Обратите внимание, что элемент span
также подходит для использования с значками , Используйте Font Awesome, чтобы добавить значок thumbs-up
в вашу кнопку, предоставив ему элемент i
с классами fa
и fa-thumbs-up
; обязательно сохраните текст «Like» рядом с значком.
+Font Awesome - удобная библиотека иконок. Эти значки являются векторной графикой, хранящейся в формате .svg
файла и обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML. Вы можете включить Font Awesome в любое приложение, добавив следующий код в начало вашего HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
В этом случае мы уже добавили его для вас на эту страницу. Элемент i
изначально использовался, чтобы сделать другие элементы курсивом, но теперь он обычно используется для иконок. Вы можете добавить классы Font Awesome к элементу i
чтобы превратить его в иконку, например: <i class="fa fa-info-circle"></i>
Обратите внимание, что элемент span
также подходит для использования с иконками.
## Instructions
-Use Font Awesome to add a thumbs-up
icon to your like button by giving it an i
element with the classes fa
and fa-thumbs-up
. Make sure to keep the text "Like" next to the icon.
+Используйте Font Awesome, чтобы добавить thumbs-up
-иконку в вашу кнопку "Like" путём вставки в неё элемента i
с классами fa
и fa-thumbs-up
. Убедитесь, что текст "Like" стоит после иконки.
## Tests
@@ -24,11 +24,11 @@ Use Font Awesome to add a thumbs-up
icon to your like button by giv
```yml
tests:
- - text: Add an i
element with the classes fas
and fa-thumbs-up
.
+ - text: Добавьте i
-элемент с классами fas
и fa-thumbs-up
.
testString: assert($("i").is(".fas.fa-thumbs-up") || $("span").is(".fas.fa-thumbs-up"));
- - text: Your fa-thumbs-up
icon should be located within the Like button.
+ - text: Ваша fa-thumbs-up
-иконка должна находиться внутри кнопки "Like".
testString: assert(($("i.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > i").is(".fas.fa-thumbs-up")) || ($("span.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > span").is(".fas.fa-thumbs-up")));
- - text: Nest your i
element within your button
element.
+ - text: Поместите ваш i
-элемент внутрь вашего button
-элемента.
testString: assert($("button").children("i").length > 0 || $("button").children("span").length > 0);
- text: Make sure your icon element has a closing tag.
testString: assert(code.match(/<\/i>|<\/span>/g));