html - How to keep space between three columns in Bootstrap? -

i've done quite bit of searching here on stackoverflow on how solve problem efficiently, still haven't seemed find i'm looking for.

basically, have 3 columns want evenly spaced , centered across page. however, when set col-md-4 3 columns, end result 3 bunched each other. how can make there space between columns? 10-15px or without forcing them onto row.

here example code:

<div class="row-fluid">      <div class="col-md-4">           <p>stuff fills column</p>      </div>      <div class="col-md-4">           <p>stuff fills column</p>      </div>      <div class="col-md-4">           <p>stuff fills column</p>      </div> </div> 

maybe i'm doing wrong cannot seem figure out how make work. i've seen several people suggest put them div padding doesn't seem work me.

thanks help! i'm open suggestions!

actually, code creates spaces between columns, because in bootstrap column has 15px padding each side.

your code working normally, check here: http://www.bootply.com/h6dqgdzxgy