ブートストラップの水平パネルに余白を追加するにはどうすればよいですか？

Question

私は3つの水平パネルのセットを持っています。私はいくつかのパディングを各パネルに追加して、見栄えがいいようにしたいと思います。私application.css.scssではなく、それはパネル間のパディングを追加するために何もしなかった： "10％のマージン外"

は、ここに私のhtml

<div class="container-fluid"> 
 
<div class="row"> 
 

 

 
<div class="col-md-4 panel panel-default"> 
 

 
    <div class="panel-heading"> 
 
    <h3 class="panel-title">Eating Healthy</h3> 
 
    </div> 
 
    <div class="panel-body"> 
 
    <p class="panel-content"> 
 
     Hello, it's me. I was wondering, if after all these years you'd like to meet. To go over everything. They say that time's supposed to heal ya. But i ain't done much healing. Hello. Can you hear me? I'm in California. Dreamin about who we used to be, when we were young and free. 
 
    </p> 
 
    </div> 
 
</div> 
 

 

 

 
<div class="col-md-4 panel panel-default "> 
 
    <div class="panel-heading"> 
 
    <h3 class="panel-title">Health Calculators</h3> 
 
    </div> 
 
    <div class="panel-body"> 
 
    <p class="panel-content"> 
 
     Hello, it's me. I was wondering, if after all these years you'd like to meet. To go over everything. They say that time's supposed to heal ya. But i ain't done much healing. Hello. Can you hear me? I'm in California. Dreamin about who we used to be, when we were young and free. 
 
    </p> </div> 
 
</div> 
 

 

 
    <div class="col-md-4 panel panel-default "> 
 
    <div class="panel-heading"> 
 
     <h3 class="panel-title">Health and Awareness</h3> 
 
    </div> 
 
    <div class="panel-body"> 
 
     <p class="panel-content"> 
 
     Hello, it's me. I was wondering, if after all these years you'd like to meet. To go over everything. They say that time's supposed to heal ya. But i ain't done much healing. Hello. Can you hear me? I'm in California. Dreamin about who we used to be, when we were young and free. 
 
     </p> </div> 
 
    </div> 
 
</div> 
 
</div>

私が試しています。私はこれをどのように修正するかについてはあまりよく分かりません。どんな助けでも大歓迎です。

Answer 1

colクラスを持つdivと同じdivでパネルクラスを使用しないでください。おかげで働い

<div class="col-md-4"> 
<div class="panel panel-default "> 
     <div class="panel-heading"> 
     <h3 class="panel-title">Health Calculators</h3> 
     </div> 
     <div class="panel-body"> 
     <p class="panel-content"> 
      Hello, it's me. I was wondering, if after all these years you'd like to meet. To go over everything. They say that time's supposed to heal ya. But i ain't done much healing. Hello. Can you hear me? I'm in California. Dreamin about who we used to be, when we were young and free. 
     </p> </div> 
    </div> 
</div> 

http://www.bootply.com/Bri4UcQ7Zi