2018年7月20日 星期五

【Bootstrap】表格


表格基本結構



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>

沒有留言:

張貼留言