首页编程挑战列表使用Bootstrap span标签来创建行内元素  【我的闯关记录】

使用Bootstrap span标签来创建行内元素


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

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

An

通过使用 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>

运行 (ctrl + enter)

二维码
建议反馈
二维码