diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md index 85e700d210..0beee93e68 100644 --- a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md +++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md @@ -3,11 +3,13 @@ id: bad87fee1348bd9acde08712 title: Use Responsive Design with Bootstrap Fluid Containers challengeType: 0 videoUrl: '' -localeTitle: Используйте адаптивный дизайн с контейнерами для загрузочных жидкостей +localeTitle: Используйте адаптивный дизайн с подвижными контейнерами Bootstrap --- ## Description -undefined +В секциях HTML5 и CSS в freeCodeCamp мы создали Приложение для фотографий кошек. Давайте вернемся к нему. В этот раз мы стилизуем его используя, популярный адаптивный фреймворк CSS - Bootstrap. + +Bootstrap определит насколько широк ваш экран и ответит измением размера ваших HTML элементов. Отсюда и название `адаптивный дизайн`. ## Instructions undefined @@ -17,11 +19,11 @@ undefined ```yml tests: - - text: '' + - text: 'Элемент div должен иметь класс container-fluid.' testString: 'assert($("div").hasClass("container-fluid"), "Your div element should have the class container-fluid.");' - - text: '' + - text: 'Убедитесь, что ваш элемент div имеет закрывающий тег' testString: 'assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
div element has a closing tag.");' - - text: '' + - text: 'Убедитесь, что вы вставили все элементы HTML после закрывающего тега style в .container-fluid.' testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing style tag in .container-fluid.");' ```