简单教程
提交运行
代码编辑器:
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/static/lib/bootstrap/4.0.0/css/bootstrap.min.css"> <div class="container"> <h2>紧凑的表格</h2> <p>.table-sm CSS 类用于通过减少内边距来设置紧凑的表格</p> <table class="table table-bordered table-sm"> <thead> <tr> <th>姓</th> <th>名</th> <th>朝代</th> </tr> </thead> <tbody> <tr> <td>李</td> <td>白</td> <td>唐</td> </tr> <tr> <td>韩</td> <td>愈</td> <td>唐</td> </tr> <tr> <td>王</td> <td>安石</td> <td>宋</td> </tr> </tbody> </table>
运行结果: