Mike Glaz
Mike Glaz

Reputation: 5392

bootstrap container width

Is there a way to change the width of the container class so that it's wider? I want a 3-column fixed-width layout with sizes similar to this:

  <div class="container">
    <div class="span3">
      span3
    </div>
    <div class="span6">
      span6
    </div>
    <div class="span3">
      span3
    </div>
  </div>

But the third div doesn't fit in one line. It gets carried over to the next line so I'm guessing the container is too narrow.

mike

Upvotes: 1

Views: 6316

Answers (1)

Tom Wilshere
Tom Wilshere

Reputation: 140

The third column isn't fitting as your span elements aren't inside a row div (<div class="row">)

The below code (also on http://jsfiddle.net/3yG6j/1/) should fix your problem, and put all the spans on the same row

<!DOCTYPE html>
<html>
  <body>
    <div class="container">
      <div class="row">
        <div class="span3">
          span3
        </div>
        <div class="span6">
          span6
        </div>
        <div class="span3">
          span3
        </div>
      </div>
    </div>
  </body>
</html>

Upvotes: 5

Related Questions