Bootstrap

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="../css/bootstrap.css" />

        <!--需要引入JQuery-->
        <!--<script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>-->

        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script type="text/javascript" src="../js/bootstrap.js"></script>

        <meta name="viewport" content="width=device-width, initial-scale=1">
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    
        <link rel="stylesheet" href="../css/bootstrap.css" />
    </head>
    <body >
        <table class="class="table table-hover"">
            <tr >
                <td>
                    <input type="checkbox" />
                </td>
                <td>分类ID</td>
                <td>分类名称</td>
                <td>分类商品</td>
                <td>分类描述</td>
                <td>操作</td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" />
                </td>
                <td>1</td>
                <td>手机数码</td>
                <td>华为,小米,尼康</td>
                <td>黑马数码产品质量最好</td>
                <td>
                    <a href="#">修改</a>|<a href="#">删除</a>
                </td>
            </tr>
           
            <tr>
                <td>
                    <input type="checkbox" />
                </td>
                <td>3</td>
                <td>电脑办公</td>
                <td>联想,小米</td>
                <td>笔记本特卖</td>
                <td><a href="#">修改</a>|<a href="#">删除</a></td>
            </tr>
            
        </table>
    </body>
</html>
<a href="#" class="btn btn-warning"></a>
<a href="#"></a>
原文地址:https://www.cnblogs.com/lzb0803/p/9064699.html