вопрос
Сделал header, всё было более-менее хорошо, но потом когда вставил блоки banner и content, то появилась проблема, для них не срабатывают стили (банальные margin и background-color). Подскажите, что я не правильно делаю?
Вот кусок html
А вот css. который не срабатывает
Стили подключены
Вот кусок html
<!-- Баннеры -->
<div class="container banners">
<div class="row">
<div class="col-sm-12">
{banner_header}
</div>
</div>
</div>
<!-- Контентная часть -->
<div class="container main">
<div class="row">
<!-- Контент -->
<div class="col-sm-8">
{info}
<div class="block-name">
Последние новости
</div>
{content}
</div>
<!-- Сайдбар -->
<div class="col-sm-4">2</div>
</div>
</div>
А вот css. который не срабатывает
/*============================================
Баннер
============================================*/
div.banners {
margin-top: 60px;
margin-bottom: 60px;
}
/*============================================
Контентная часть
============================================*/
div.main {
margin-top: 60px;
margin-bottom: 60px;
}
div.block-name {
background: #242a30;
}
Стили подключены
<!-- Custom CSS -->
<link rel="stylesheet" href="{THEME}/css/styles.css">