Css 使用引导网格时使段落看起来更好

您好，我正在使用引导网格并尝试实现以下目标：

（来源：）

这就是我用来尝试得到这样的东西：

顺便说一下，代码在引导容器中

<div class="headers">

    <li class="span3">
    <div id="icon-1"></div>
    <span class="head">Experienced</span>
    <p class="paragraph">Brought to you by a well-knowledged developer and designer, that are ready to serve. We deliver one Hell of a product so strap yourself down to your chair and get ready.</p>
    </li>
    <li class="span3">
    <div id="icon-2"></div>
    <span class="headweb">Web Development</span>
    </li>
    <li class="span3">
    <div id="icon-3"></div>
    <span class="head">UI/UX Design</span>
    </li>
</div>

有 经验
由知识渊博的开发人员和设计师为您带来，他们随时准备为您服务。我们提供了一个地狱般的产品，所以把自己绑在椅子上准备好


网络开发


用户界面/用户体验设计

这就是结果：

（来源：）

正如您看到的，这一段看起来与第一段不同，这是因为引导网格span class number太短，但是如果我使用span 4，图标将一直乱到底部

如何使段落看起来与第一幅图中的部分相似？

---

这里的问题是什么？谢谢。

你的文本看起来比原稿大，但太简单了。尝试创建一个新类，.span3宽，并在样式表中增加大小，减少填充/边距。另外，添加边距：0自动；至#图标-1至中心

嗯，我对bootstrap了解不多，但我可以；你不能用

text align:center

这个井看起来不对，它在右边。