Css 标题与其下方图标之间的边距

我尝试修改我下载的引导模板。标题

我们做什么

的现有设置是

我们做什么

。但是我想展示它，所以我将这一行更改为

我们所做的事情

。整段代码如下：

<section id="features" class="features section">
    <div class="container">
        <div class="row">
          <h2 class="title text-center">What we do</h2>
            <div class="item col-md-4 col-sm-6 col-xs-12 text-center">
                <div class="icon">
                    <i class="fa fa-cloud-upload"></i>                
                </div><!--//icon-->
                <div class="content">
                    <h3 class="title">App Feature One</h3>
                    <p>Outline an app feature/benefit here. You can change the icon above to any of the 500+ <a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">FontAwesome icons</a> available. </p>  
                    <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button>
                </div><!--//content-->               
            </div><!--//item-->
            <div class="item col-md-4 col-sm-6 col-xs-12 text-center">
            ...
            </div><!--//item-->
            <div class="item col-md-4 col-sm-6 col-xs-12 text-center">
            ...
            </div><!--//item-->
        </div><!--//row-->
    </div><!--//container-->
</section><!--//features-->

---

您可以在这一行中使用填充

padding:10px 0px;

---

它将帮助您提供适当的保证金。更改firbug中的css，以便您可以看到输出。

您可以在这一行中使用填充

padding:10px 0px;

---

它将帮助您提供适当的保证金。更改firbug中的css，以便您可以看到输出。

首先，您可以在第二个示例中看到

。这些是内置类，可能具有预定义的边距。第二，如果你用Chrome浏览器查看页面，你可以非常清楚地看到是什么造成了空间，以及如何在任何你想要的地方添加空间。只需右键单击任何元素并选择inspect element（这在其他浏览器中也存在，但Chrome的演示最符合我的口味）。首先，您可以在第二个示例中看到

。这些是内置类，可能具有预定义的边距。第二，如果你用Chrome浏览器查看页面，你可以非常清楚地看到是什么造成了空间，以及如何在任何你想要的地方添加空间。只需右键单击任何元素并选择inspect元素（这在其他浏览器中也存在，但Chrome的演示文稿最符合我的口味）。

padding:10px 0px;