用 span 标签来创建行内元素

Use Spans for Inline Elements


你可以用 span 标签来创建行内元素。还记得我们是怎样使用 .btn-block来创建填满整行的按钮吗?

这张图展示了 inline 元素与 block-level 块级元素的区别:

用 span 标签来创建行内元素

通过使用 span 元素,你可以把几个元素放在一起。你甚至可以用此为一个元素的不同部分指定样式。

把 "Things cats love" 中的 "love" 放到 span 标签下。然后为其添加 text-danger class 来使文字变成红色。

举例,"Top 3 things cats hate" 元素的写法如下:

<p>Top 3 things cats <span class = "text-danger">hate:</span></p>


用 span 标签来创建行内元素