← Комьюнити

Курс BOOTSTRAP задание 38

Anton Stakh4 ответов
#bootstrap#html#css

Не могу пройти задание.

Вот кусок CSS, который отвечает за расцветку панельного Хедера:

.panel-body {
	background-color: #f9f9f9;
}
.panel-heading{
  background-color: #f0ad4e !important;
}

.panel-info>.panel-heading {
	background-color: #f0ad4e;
	color: white;
	border-color: transparent;

Вот что выдаёт мне панель веб- анализатора:

.panel-success > .panel-heading {

    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;

}
.panel-heading {

    background-color: #f0ad4e !important;

}

Цвет заголовка меняется, но задание не засчитывается.

Мне кажется, что сломалась программа проверки.

4 ответов

Задание Bootstrap 38 такое:

Измените класс в верстке у компонента panel таким образом (файл index.html), чтобы фоновый цвет header панели стал #f0ad4e (как в видеоуроке). Остальной код и файлы не изменяйте. Внимательно изучите файл style.css перед выполнением задания

т.е. нужно изменить класс в файле index.html, а не в css.

т.е в этом коде нужно класс поменять:

<div class="panel panel-success">
                                <div class="panel-heading"><div class="sidebar-header">Поиск</div></div>
                                <div class="panel-body">
                                    <form role="search">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                                                <div class="input-group-btn">
                                                    <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </form> 
                                </div>
                            </div>
student_G0lztEyB▲ 2

Там кнопка Показать ответ есть, посмотрите какой ответ предполагается. 

student_Y7yoWdC7▲ 1

Точно такой же. Я даже копировал ответ в задание, результат = 0.

Anton Stakh▲ 1

Хм... Помогло. Спасибо!

Anton Stakh▲ 1

Ваш ответ

Войдите, чтобы ответить