title: Bootstrap grid with fixed wrapper - Prevent columns from stacking up
body: <p>As the title says I'm trying to use Bootstrap 3 grid system with a fixed wrapper. But when I resize the Browser the columns stack up even if the wrapper stays the same size?</p>
  <p>BTW: I'm using version 3 so that I can move to a responsive layout after I have ported the site. (Which is huge and I'm alone, so step by step is the only option ...)</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;!-- Bootstrap --&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;&gt;
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src=&quot;../../assets/js/html5shiv.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;../../assets/js/respond.min.js&quot;&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;style&gt;
              /* Custom container */
              .container-fixed {
                margin: 0 auto;
                max-width: 800px;
                min-width: 800px;
                width: 800px;
                                    background-color:#C05659;
              }
              .container-fixed &gt; hr {
                margin: 30px 0;
              }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
          &lt;div class=&quot;container-fixed&quot;&gt;
              &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;.col-md-4&lt;/div&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;.col-md-4&lt;/div&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;.col-md-4&lt;/div&gt;
              &lt;/div&gt;
              &lt;hr&gt;
          &lt;/div&gt;
  
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
      &lt;script src=&quot;http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>