Hello, I am currently using Bootstrap 3 and attempting to configure my template. It seems like I may not have a full grasp on the concept of 'row' in Bootstrap because my template is not behaving as expected.
Take a look at this full screen fiddle:
http://jsfiddle.net/52VtD/6206/embedded/result/
And the source code:
http://jsfiddle.net/52VtD/6206/
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="well">
<div class="text-center">
IM SO BIGGY<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br />
</div>
</div>
</div>
<div class="col-md-3">
<div class="well">
SMALL SPACE<br /><br /><br /><br /><br /><br /><br />
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-md-offset-9">
<div class="well">
<strong>Fun</strong><hr class="hr-tags"/>
SPACE TIME<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
</div>
</div>
</div>
I intended for 'Fun - SPACE TIME' to be directly below 'SMALL SPACE', however, there appears to be a significant gap between them. Can anyone pinpoint what mistake I might have made?