-慕课网

来源：2-18 表格--表格行的类

微笑小婷

2014-09-23 14:46

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

写回答关注

1回答

puffbaby: 2015-07-16 21:14:03

确实都有“高亮”效果

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>表格行的类</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    </head>
    <body>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>类名</th>
                    <th>描述</th>
                </tr>
            </thead>
            <tbody>
                <tr class="active">
                    <td>.active</td>
                    <td>表示当前活动的信息</td>
                </tr>
                <tr class="success">
                    <td>.success</td>
                    <td>表示成功或者正确的行为</td>
                </tr>
                <tr class="info">
                    <td>.info</td>
                    <td>表示中立的信息或行为</td>
                </tr>
                <tr class="warning">
                    <td>.warning</td>
                    <td>表示警告，需要特别注意</td>
                </tr>
                <tr class="danger">
                    <td>.danger</td>
                    <td>表示危险或者可能是错误的行为</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

0 1

玩转Bootstrap（基础）

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

314535 学习 · 2364 问题

查看课程

相似问题

回答 1

回答 2

回答 1

回答 2

打开慕课网App查看更多内容