章节
问答
课签
笔记
评论
占位
占位

表格--表格行的类

Bootstrap还为表格的行元素<tr>提供了五种不同的类名,每种类名控制了行的不同背景颜色,具体说明如下表所示:


其使用非常的简单,只需要在<tr>元素中添加上表对应的类名,就能达到你自己需要的效果:

<tr class="active">
    <td>…</td>
</tr>


对应的源码,请查看bootstrap.css文件中第1484行~第1583行。

特别提示:除了”.active”之外,其他四个类名和”.table-hover”配合使用时,Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置,所以如果需要给tr元素添加其他颜色样式时,在”.table-hover”表格中也要做相应的调整。

注意要实现悬浮状态,需要在<table>标签上加入table-hover类。

如下代码:

<table class="table-hover">

任务

?不会了怎么办
||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / 慕莱坞2068224
1 检查bootstrap.min.css的引用地址有没有问题,可以试试换成<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  2 表格类中要首先添加一个table类<table class='table table-striped table-hover'>这两个改了应该就会有颜色了

最新回答 / hallo__world
代码都不贴出来?

已采纳回答 / kumin
开启截图按钮 写好后的笔记里 可以直接查看源代码打开截图按钮 随便写点什么保存 试一下就知道了

已采纳回答 / 晨曦丶3162157
".active"在和".table-hover"配合使用时,会有相应的悬浮样式。当你改变或添加颜色样式的时候,。例如。添加一个叫”.red“的类颜色样式 ”tr.red{ color: red }“ 。给这个”.red“配置hover状态就要找到”.table-hover > tbody > tr > td.active:hover “(Bootstrap最新版中2200行的样子) 配置一个新的.red的颜色样式,过程就是把这一段的"active"全部替换成"red"并更改"backg...

最赞回答 / qq_菜籽儿_0
ctrl+alt+a

最新回答 / radicalivva
楼上 正解。

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分

最新回答 / qq_浪迹天涯_3
所有慕课网注册用户在慕课网活动(回答问题、采纳答案、分享内容等)过程中均有机会获得积分,积分是一种荣誉的体现。积分可以用来购买道具甚至兑换实物礼品。慕课网会在未来逐步推出各类积分兑换内容,请随时关注关于慕课网积分的新消息吧。详情请查看以下各项说明。

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言