title: Changing a class based on the resolution
body: <p>Hi im making a aplication and im trying to make it more responsive using bootstrap. 
  I have it working for desktop, but it breaks on the mobile resolution. I fixed it by changing the bootstrap, the problem is it breaks the desktop by doing so.</p>
  
  <p>How can i make a bootstrap configuration to desktop, and other for mobile.</p>
  
  <p>This is the desktop config:</p>
  
  <pre><code>&lt;div class="col-md-8 col-xs-8 noPadding formContainer"&gt;
  </code></pre>
  
  <p>This is the mobile config:</p>
  
  <pre><code>&lt;div class="col-md-4 col-xs-7 noPadding formContainer"&gt;
  </code></pre>
  
  <p>In case i didnt made myself clear, i want the desktop configuration as a default, but at mobile i want it to change to the mobibe configuration.</p>