bootstrap header перед контейнером

Question

Прошу прощения за то, что может показаться глупым вопросом, но я хотел бы знать, могу ли я структурировать свой код, как это?

<header class="header col-md-12" > 
<div class="header-inner container"> 
    <!-- contents --> 
</div> 
</header> 
<div class="container"> 
<!-- contents --> 
</div> 

Я хочу, чтобы обернуть заголовок, который с одного конца экрана в другой, а затем внутренний заголовок DIV, который ведет себя как .container, я использовал .col, потому что я читал, вы не можете вложенные контейнеры, поэтому он ведет себя так, как я хочу, но я хотел бы знать, является ли это правильным/жизнеспособным способом.

Спасибо заранее

Answer 1

В вашем примере, вы должны удалить .col-md-12 класс от header.

И убедитесь, что .header-inner не перекрывая атрибуты по умолчанию .container стиля, в противном случае вы должны поместить его внутрь в .header-inner или поместить .header-inner класс внутри .container, в зависимости от ваших потребностей:

Взгляните на это пример страницы: http://getbootstrap.com/examples/theme/

Я считаю, это то, что вы ищете.

Найти другие примеры здесь: http://getbootstrap.com/getting-started/#examples