CODEWITHSUNDEEP
csstwitter-bootstrap
user1554264
user1554264

Reputation: 1224

Twitter Bootstrap - Making footer run full width

I'm trying to make my footer run the whole width of the web page like the navigation, however I want to centre the content of the footer inline with the content above.

<footer>
    <div class="container narrow">
       <div class="row-fluid footer">
          <div class="span4">
          </div>
          <div class="span3">
          </div>
          <div class="span5">
          </div>
       </div>
    </div>
</footer>

I thought that adding the classes <div class="container narrow"> inside the footer would centre the content but this has not worked. Any ideas?

The site is available here - http://www.openreachmarketing.co.uk/

Upvotes: 1

Views: 15354

Answers (1)

jfrej
jfrej

Reputation: 4648

You have the footer background defined in the .footer class. So you need .footer to wrap around .container.narrow.

This works when I try:

<footer>
    <div class="footer">
       <div class="container narrow row-fluid">
          <div class="span4">
          </div>
          <div class="span3">
          </div>
          <div class="span5">
          </div>
       </div>
    </div>
</footer>

Upvotes: 3

Related Questions