title: text going outside of fluid div?
body: <p>I'm trying to make a fluid responsive template with Bootstrap but it appears everytime the page is extended with a lot of text inside a header or paragraph, or when there is a lot of text in a heading or paragraph in general within a div thats class is a fluid row.... it goes outside the div pushing the other div down. How do I fix this? <a href="http://img850.imageshack.us/img850/4238/screenshot20130228at114.png" rel="nofollow">http://img850.imageshack.us/img850/4238/screenshot20130228at114.png</a></p>
  
  <pre><code> ![&lt;div class="container-fluid"&gt;
        &lt;div class="div-1"&gt;
          &lt;div class="page-header"&gt;
            &lt;h1&gt;Page heading &lt;small&gt;Subheading&lt;/small&gt;
            &lt;/h1&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="row-fluid"&gt;
          &lt;span class="span3"&gt;
            &lt;h1 class="heading"&gt;Headingaaaaaaaaaaaaaaaaaaaaaaaaaa&lt;/h1&gt;
            &lt;p&gt;Lorem Ipsum...aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&lt;/p&gt;
          &lt;/span&gt;
          &lt;span class="span6"&gt;
            &lt;h1 class="heading"&gt;Heading&lt;/h1&gt;
            &lt;p&gt;Lorem Ipsum...&lt;/p&gt;
          &lt;/span&gt;
          &lt;span class="span3"&gt;
            &lt;h1 class="heading"&gt;Heading&lt;/h1&gt;
            &lt;p&gt;Lorem Ipsum...&lt;/p&gt;
          &lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>