首页编程实战列表使用Bootstrap span标签来创建行内元素

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


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

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

An

通过使用span 标签,可以将多个标签放在一起,甚至可以对同一标签的不同部分进行不同的样式设置。

把 "Things cats love" 中的 "love" 放到span 标签中,并设置其class样式为text-danger ,使字体变成红色

下面给出一个示例:

"Top 3 things cats hate" 的写法如下:

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


运行 (ctrl + enter)
偷看答案


W3Cschool app 编程微课功能上线
二维码
建议反馈
二维码