CODEWITHSUNDEEP
twitter-bootstraphtml
William
William

Reputation: 13

span indenting in bootstrap

See the site here - http://www.brainstormadvertising.co.uk/webDev/

The green area in the footer is where we see the first indent occuring

This footer is within and overall div with the container-fluid class. Here is the footer code:

<footer class="row-fluid backgAll img-rounded">

    <div class="span10 topCorners">
        <img src="customImages/headerTop.png" alt="H2onics">
    </div>

    <div class="span10 green">Footer content goes here</div>

    <div class="span10 bottomCorners">
        <img src="customImages/footerBottom.png" alt="H2onics">
    </div>

</footer>

Upvotes: 0

Views: 7888

Answers (1)

David Taiaroa
David Taiaroa

Reputation: 25495

Try the following 

<footer class="backgAll img-rounded">
  <div class="row-fluid">
    <div class="span10 topCorners">
        <img src="customImages/headerTop.png" alt="H2onics">
    </div><!-- end span10 -->
  </div><!-- end row-fluid -->

  <div class="row-fluid">
    <div class="span10 green">
        Footer content goes here
    </div><!-- end span10 -->
  </div><!-- end row-fluid -->

   <div class="row-fluid">
    <div class="span10 bottomCorners">
        <img src="customImages/footerBottom.png" alt="H2onics">
   </div><!-- end span10 -->
  </div><!-- end row-fluid -->

</footer>

Note that I'm wrapping all the span10 divs in row-fluid divs

Hope this helps!

Upvotes: 1

Related Questions