title: Setting a minimum width for responsive Bootstrap layout
body: <p>I would like my Bootstrap layout to not act responsive when the width is 768px or smaller. You can view my current application HTML / CSS here, <a href="https://codepen.io/anon/pen/xXdYNa" rel="nofollow noreferrer">https://codepen.io/anon/pen/xXdYNa</a>. I have had to make some changes to some of the standard Bootstrap styles so it might make things a bit more tricker.</p>
  
  <p>Does anyone have any tips on how to achieve this by using CSS overrides, similar to what I have done here:</p>
  
  <pre><code>@media (min-width: 768px) {
    .main {
      padding-left: 250px;
      padding-top: 89px;
    }
  }
  </code></pre>
  
  <p>Thanks!</p>