用 span 标签来创建行内元素
Use Spans for Inline Elements
你可以用 span 标签来创建行内元素。还记得我们是怎样使用 .btn-block
来创建填满整行的按钮吗?
这张图展示了 inline
元素与 block-level
块级元素的区别:
通过使用 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>