title: Strange CSS effect in Bootstrap. Unintentional indent when showing numerous content divs inside container div
body: <p>I'm using Bootstrap as CSS framework for a project me and my friend is working on (hence the D&amp;D theme). I have a page where we're displaying a specific users D&amp;D characters. When displaying these characters on the page there is supposed to be four on each row (span4's in a row-fluid). The problem is that there is a strange indentation starting on the second row (see attatched fiddle).</p>
  
  <p>I've been using "Inspect component" in Chrome but I can't seem to get what makes this happen.</p>
  
  <p><a href="http://jsfiddle.net/sE5en/4/">http://jsfiddle.net/sE5en/4/</a></p>
  
  <p>Hope I explained the problem somewhat :)</p>
  
  <p>The main "container" (essentially the ) is pasted below:</p>
  
  <pre><code>  &lt;div class="container"&gt;&lt;div class="row"&gt;
      &lt;div class="span12"&gt;
          &lt;h3 class="mycharacters"&gt;My characters&lt;/h3&gt;
          &lt;a class="btn btn-success btn-small pull-right"&gt;
              &lt;i class="icon-plus-sign icon-white"&gt;&lt;/i&gt; Add character
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="span12" id="actor_result"&gt;&lt;div class="row-fluid"&gt;
  &lt;div class="span4 well well-small"&gt;&lt;div class="media"&gt;&lt;a class="pull-left" href="#"&gt;&lt;img class="media-object img-circle actor" src="http://placehold.it/64x64"&gt;&lt;/a&gt;&lt;div class="overflow-media-body media-body"&gt;&lt;div class="btn-group pull-right"&gt;&lt;button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="icon-cog"&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="actor_edit_owner?id=1"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit
                                      &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt; Change avatar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h4 class="media-heading"&gt;Davius&lt;/h4&gt;&lt;div&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;strong&gt; Health: &lt;/strong&gt;17/20hp&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i class="icon-fire"&gt;&lt;/i&gt;&lt;strong&gt; Effects: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;Mumblecore bushwick sed, nulla id street art dolore delectus wolf american apparel artisan sriracha.
  Laboris seitan hoodie, freegan brooklyn letterpress adipisicing chambray mixtape id tofu organic butcher small batch. Art party carles readymade messenger bag williamsburg. Irony placeat sustainable, high life cillum yr sed vinyl pork belly messenger bag williamsburg VHS. Occaecat lo-fi readymade gluten-free 3 wolf moon. Ad tofu twee, blog nulla mumblecore gentrify brooklyn odio cliche selvage put a bird on it pork belly chillwave deserunt. Ea assumenda chillwave, keytar velit tumblr pour-over enim VHS mcsweeney's blog.&lt;/div&gt;&lt;div&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt;&lt;strong&gt; Notes: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="span4 well well-small"&gt;&lt;div class="media"&gt;&lt;a class="pull-left" href="#"&gt;&lt;img class="media-object img-circle actor" src="images/avatar/actor/leonidas.png"&gt;&lt;/a&gt;&lt;div class="overflow-media-body media-body"&gt;&lt;div class="btn-group pull-right"&gt;&lt;button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="icon-cog"&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="actor_edit_owner?id=3"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit
                                      &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt; Change avatar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h4 class="media-heading"&gt;Awesome Maximus&lt;/h4&gt;&lt;div&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;strong&gt; Health: &lt;/strong&gt;1/30hp&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i class="icon-fire"&gt;&lt;/i&gt;&lt;strong&gt; Effects: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;DYYYING! öööääöååå&lt;/div&gt;&lt;div&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt;&lt;strong&gt; Notes: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;lol&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="span4 well well-small"&gt;&lt;div class="media"&gt;&lt;a class="pull-left" href="#"&gt;&lt;img class="media-object img-circle actor" src="http://placehold.it/64x64"&gt;&lt;/a&gt;&lt;div class="overflow-media-body media-body"&gt;&lt;div class="btn-group pull-right"&gt;&lt;button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="icon-cog"&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="actor_edit_owner?id=4"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit
                                      &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt; Change avatar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h4 class="media-heading"&gt;Master Thief Sven&lt;/h4&gt;&lt;div&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;strong&gt; Health: &lt;/strong&gt;10/13hp&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i class="icon-fire"&gt;&lt;/i&gt;&lt;strong&gt; Effects: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;Lurking&lt;/div&gt;&lt;div&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt;&lt;strong&gt; Notes: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;He's a backstabber&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="span4 well well-small"&gt;&lt;div class="media"&gt;&lt;a class="pull-left" href="#"&gt;&lt;img class="media-object img-circle actor" src="http://placehold.it/64x64"&gt;&lt;/a&gt;&lt;div class="overflow-media-body media-body"&gt;&lt;div class="btn-group pull-right"&gt;&lt;button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="icon-cog"&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="actor_edit_owner?id=5"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit
                                      &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt; Change avatar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h4 class="media-heading"&gt;Giant Frederic&lt;/h4&gt;&lt;div&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;strong&gt; Health: &lt;/strong&gt;25/27hp&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i class="icon-fire"&gt;&lt;/i&gt;&lt;strong&gt; Effects: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;Farting&lt;/div&gt;&lt;div&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt;&lt;strong&gt; Notes: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;I will cruuuush you!&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="span4 well well-small"&gt;&lt;div class="media"&gt;&lt;a class="pull-left" href="#"&gt;&lt;img class="media-object img-circle actor" src="http://placehold.it/64x64"&gt;&lt;/a&gt;&lt;div class="overflow-media-body media-body"&gt;&lt;div class="btn-group pull-right"&gt;&lt;button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="icon-cog"&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="actor_edit_owner?id=6"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit
                                      &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt; Change avatar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h4 class="media-heading"&gt;One eyed idiot&lt;/h4&gt;&lt;div&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;strong&gt; Health: &lt;/strong&gt;35/35hp&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i class="icon-fire"&gt;&lt;/i&gt;&lt;strong&gt; Effects: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;Rested&lt;/div&gt;&lt;div&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt;&lt;strong&gt; Notes: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;Can't see straight&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="span4 well well-small"&gt;&lt;div class="media"&gt;&lt;a class="pull-left" href="#"&gt;&lt;img class="media-object img-circle actor" src="http://placehold.it/64x64"&gt;&lt;/a&gt;&lt;div class="overflow-media-body media-body"&gt;&lt;div class="btn-group pull-right"&gt;&lt;button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="icon-cog"&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="actor_edit_owner?id=7"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit
                                      &lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt; Change avatar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=""&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h4 class="media-heading"&gt;Pantless bum&lt;/h4&gt;&lt;div&gt;&lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;strong&gt; Health:   &lt;/strong&gt;5/7hp&lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;i class="icon-fire"&gt;&lt;/i&gt;&lt;strong&gt; Effects: &lt;/strong&gt;  &lt;/div&gt;&lt;div class="actor-text"&gt;Stinks like you wouldn't believe&lt;/div&gt;&lt;div&gt;&lt;i class="icon-edit"&gt;    &lt;/i&gt;&lt;strong&gt; Notes: &lt;/strong&gt;&lt;/div&gt;&lt;div class="actor-text"&gt;Needs help...&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>