2016-08-07 3 views
0

Я только что загрузил шаблон бутстрапа. Тело index.html состоит из нескольких разделов:Где определяется «раздел» класса?

<section id="promo" class="promo section offset-header has-pattern"> 
... 
</section> 

<section id="features" class="features section"> 
... 
</section> 

<section id="how" class="how section has-pattern"> 
... 
</section> 

В своей styles.css, я мог бы найти, например,

.features { 
    padding: 80px 0; 
} 
.features .icon { 
    ... 
} 
.features .icon:hover { 
    ... 
} 
.features .icon:hover .fa { 
    ... 
} 

Однако, я не мог найти ничего о section. Кто-нибудь знает, где стиль features sectionpromo section offset-header has-pattern, how section has-pattern) обычно определен?

ответ

0

section класс Bootstrap просто display: block;

Ниже приведен код Bootstrap, где section определяется. Это определено примерно в line 26 в bootstrap CSS file.

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
section, 
summary { 
    display: block; 
} 
+0

Затем, как я должен интерпретировать стиль раздела «функции»? – SoftTimur

+1

@SoftTimur В основном верхнее заполнение 80px (определенное в вашем коде) и отображение блока (определено в Bootstrap). В сущности, содержание внутри объекта будет начинаться с 80 пикселей сверху. Затем этот объект займет всю ширину своего родителя, даже если содержимое внутри не охватывает всю ширину. Дайте мне знать, если у вас есть другие вопросы или если это не имеет смысла. –

+0

Я вижу ... поэтому раздел «class =» селектора «class =» означает 'features' ** AND **' section', как описано [здесь] (http://www.w3schools.com/cssref/tryit.asp ? имя_файла = trycss_sel_class_more2). – SoftTimur

Смежные вопросы