Reputation: 5392
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
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