Jumbotron too wide in Twitter Bootstrap


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">
          Please select the type of post you would like to add, edit, or delete.
Problem courtesy of: StackOverflowNewbie


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>


Solution courtesy of: Giovanni Silveira


There is currently no discussion for this recipe.

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