...-慕课网

                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

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

微笑小婷

2014-09-23

源自：玩转Bootstrap（基础） 2-18

关注问题我要回答

931

操作

收起

1 回答

puffbaby
2015-07-16

确实都有“高亮”效果

<!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>