title: Making Bootstrap column padding different for different screen sizes
body: <p>Is there a way to make bootstrap column padding or margins different for columns depending on which screen size?</p>
  
  <p>I have columns like this </p>
  
  <pre><code>&lt;div class="col-sm-4 col-xs-12"&gt;...&lt;/div&gt;
  &lt;div class="col-sm-8 col-xs-12"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>I want to have different padding at each screen size especially at the smallest screen size. Is this possible?</p>
  
  <p>Can someone give an example?</p>