Jumbotron too wide in Twitter Bootstrap

Problem

See: http://jsfiddle.net/rMYdL/

My jumbotron seems to be exceeding the width of col-md-10 (meaning, I see a horizontal scroll bar). Any ideas why? Here's the relevant snippet:

  <div class="col-md-10">
    <div class="jumbotron">
      <div class="container">
        <h1>
          Hello
        </h1>
        <p>
          Please select the type of post you would like to add, edit, or delete.
        </p>
      </div>
    </div>
  </div>
Problem courtesy of: StackOverflowNewbie

Solution

You are putting a .container inside a .col-*. You should use a .row instead.

And you also dont have any .container before the first .row on your <body>

FIDDLE

Solution courtesy of: Giovanni Silveira

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.