關於bootstrap中table表格樣式說明

時間 2019-11-17

標籤關於 bootstrap table 表格樣式說明欄目 Bootstarp 简体版

原文原文鏈接

近期一直在學習bootstrap，table的樣式記憶的不是很牢靠，好記性不如爛筆頭，就寫個博文增強記憶css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link href="bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <table class="table  table-striped">
        <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>
            <tr>
                <td>表格單元格內容</td>
                <td>表格單元格內容</td>
                <td>表格單元格內容</td>
            </tr>

        </tbody>


    </table>

</div>
</body>
</html>