【Bootstrap】表格

表格基本結構

https://codepen.io/NishanYeah/pen/JBEXZO

div.container>table>thead>th*n+tbody>tr>td*n

• table記得要加 class=”table”
• table記得要加 class=” table-striped “ 上樣式
• thead可以加table-dark換顏色

 <div class="container">
            <table class="table table-striped  mt-5">
                <thead class="table-dark">
                    <th>物品</th>
                    <th>價格</th>
                    <th>價值</th>
                </thead>

                <tbody>
                    <tr>
                        <td>冷泡茶</td>
                        <td>100</td>
                        <td>很棒</td>
                    </tr>
                    <tr>
                        <td>毛巾</td>
                        <td>400</td>
                        <td>很棒</td>
                    </tr>
                    <tr>
                        <td>西瓜</td>
                        <td>700</td>
                        <td>還好</td>
                    </tr>
                </tbody>
            </table>
        </div>

​