Bootstrap的一些简单运用

 
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

基本使用

<div class="info-box">
        <h1 class="bg-primary">学员信息管理</h1>

        <button class="btn btn-info">点击获取所有学员信息</button>

        <br>
        <br>

        <table class="table table-striped table-hover">
            <thead>
            <tr>
                <th>学号</th>
                <th>学生姓名</th>
                <th>学生性别</th>
                <th>学生班级</th>
                <th>学生分院</th>
                <th>学生状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <!-- 以下内容需要通过 js 添加 -->
            <tbody>

            </tbody>
        </table>
    </div>

 

 

 

离线使用