如何在 bootstrap 中为水平面板添加边距？

Question

我有一组 3 个水平面板。我想在每个面板之间添加一些填充，使其看起来更好。这是当前的样子。

这是我的 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>

我在我的 application.css.scss 中尝试了 "margin-outside: 10%"，但这并没有在面板之间添加填充。我不太确定如何解决这个问题，非常感谢任何帮助。

Answer 1

不要在具有列类的同一 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

如何在 bootstrap 中为水平面板添加边距？

How to add margins to horizontal panels in bootstrap?

ruby-on-rails-3

twitter-bootstrap-3