title: How to keep space between three columns in Bootstrap?
body: <p>I've done quite a bit of searching here on Stackoverflow on how to solve this problem efficiently, but I still haven't seemed to find exactly what I'm looking for.</p>
  
  <p>Basically, I have three columns that I want evenly spaced and centered across my page. However, when I set col-md-4 for all three columns, the end result is they are all three bunched up to each other. How can I make it so that there is space between the columns? Like 10-15px or so without forcing them onto another row.</p>
  
  <p>Here is some example code:</p>
  
  <pre><code>&lt;div class="row-fluid"&gt;
       &lt;div class="col-md-4"&gt;
            &lt;p&gt;Stuff that fills this column&lt;/p&gt;
       &lt;/div&gt;
       &lt;div class="col-md-4"&gt;
            &lt;p&gt;Stuff that fills this column&lt;/p&gt;
       &lt;/div&gt;
       &lt;div class="col-md-4"&gt;
            &lt;p&gt;Stuff that fills this column&lt;/p&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Maybe I'm just doing something wrong but I cannot seem to figure out how to make this work. I've seen several people suggest to just put them into another div with some padding but that doesn't seem to work for me.</p>
  
  <p>Thanks for any help! I'm open to all suggestions!</p>