15. 表格也疯狂

Bootstrap4入门

优酷频道 技术频道

表格也疯狂

知识点

  • table
  • table-*

参考网页:

https://getbootstrap.com/docs/4.0/content/tables/

实战演习

<section class="bg-light text-center py-5">
    <h2>今后计划</h2>
    <div class="container">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th class="text-center">技术视频</th>
                    <th class="text-center">游戏视频</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Bootstrap4入门</td>
                    <td>勇者斗恶龙建造者2</td>
                </tr>
                 <tr>
                    <td>Git入门</td>
                    <td>信长之野望创造</td>
                </tr>
                <tr>
                    <td>MongoDB入门</td>
                    <td>怪物猎人世界</td>
                </tr>
           </tbody>
        </table>
    </div>
</section>

课程文件

https://gitee.com/komavideo/LearnBootstrap4

小马视频频道

http://komavideo.com