Bootstrap的一些簡單運用
阿新 • • 發佈:2022-05-25
<!-- 最新版本的 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">
基本使用
1 <div class="info-box"> 2 <h1 class="bg-primary">學員資訊管理</h1> 3 4 <button class="btn btn-info">點選獲取所有學員資訊</button> 5 6 <br> 7 <br> 8 9 <table class="table table-striped table-hover"> 10 <thead> 11 <tr> 12 <th>學號</th> 13<th>學生姓名</th> 14 <th>學生性別</th> 15 <th>學生班級</th> 16 <th>學生分院</th> 17 <th>學生狀態</th> 18 <th>操作</th> 19 </tr> 20 </thead> 21<!-- 以下內容需要通過 js 新增 --> 22 <tbody> 23 24 </tbody> 25 </table> 26 </div>
離線使用