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

Question

您好，我正在使用引导网格并尝试这样做：

_{（来源：gyazo.com）}

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

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

<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>

结果是这样的：

_{（来源：gyazo.com）}

如您所见，该段落看起来与第一段不同，那是因为引导网格跨度类编号太短，但如果我使用跨度 4，则图标只会弄乱到底部。

我怎样才能让段落看起来有点像第一张图片中的样子？这里有什么问题？谢谢。

Answer 1

Your text looks a larger than the orig, but that's too simple. Try making a new class, .span3wide and in your stylesheet increase the size, reduce the padding/margin. Also, add margin:0 auto; to #icon-1 to centre.