<table class="table"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th>1</th> <td>Hanako</td> <td>Qiita</td> <td>@Hanaq</td> </tr> <tr> <th>2</th> <td>Taro</td> <td>Qiita</td> <td>@TaroQ</td> </tr> </tbody> </table> オプション 様々なクラスを付与することで、見た目・機能の装飾ができる デザイン ストライプ 偶数行の行だけ背景を灰色にする "table-striped"のクラスを付与
![Bootstrapでテーブルを利用する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/04552f40f5bb9bfde943ca5f94ccc0d1c1c49e00/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Qm9vdHN0cmFwJUUzJTgxJUE3JUUzJTgzJTg2JUUzJTgzJUJDJUUzJTgzJTk2JUUzJTgzJUFCJUUzJTgyJTkyJUU1JTg4JUE5JUU3JTk0JUE4JUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xNzEzMDY0Mjc0NmQzYWNjODdiNWMwYjgxNDRjMjQ1Mw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQXF1YU1lcmlhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01MmM2MmViNWFlMDJiZTBkYjBhZTdlM2Y4NmExNDhlZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D85e438161bd49a9da83d346e2799f949)