[Theme: The Bootstrap] Full width header/hero and footer

Hi anyway,

you could remove the span* classes and add CSS in a Child Theme to make them full width.

Konstantin

Thank’s for the reply. Is it that easy? Are you sure? There are always margins left and right, because the container-class. At the moment I’m trickin’ around to close the container over the footer area, following this instructions:

https://stackoverflow.com/questions/10482850/full-width-hero-unit-in-twitter-bootstrap

The container inside the theme is starting in the header.php and ending under the footer, so nearby everything is inside the container.

Do you think this way is too complicated?

Just look at how they created the static sidebar, because that too is 100% CSS. Should work the same way.

I cannot follow you, sorry. Which static sidebar, where? Could you please post a link? All I need is a meaningful example.

I’m sorry, not sidebar, navbar. ??
Scroll down and you’ll find information about it, fixed to top or bottom.

Ah okay, thank you. But the navbar at the Bootstrap page is also outside of container-elements. I’m going to experiment a bit more.

Thank you for today! ??

Okay… the only working way is imho, to keep the hero-unit and the footer outside of #page and .container.

So, I inserted the following after the menus into the header.php of my child theme:

—
</div><!– #page .hfeed .row –>
</div><!– .container –>
// Here comes the hero-unit, or slider or something else
<div class=”container”>
<div id=”page” class=”hfeed row”>
—

For the footer, I pushed the closing .container-div in the footer.php up, so that the footer is standing alone.

I hope that helps somebody else with the same problem. If there is really a CSS-only solution, I’m very interested how to do that.