各位大佬們好!文章篇數來到了第12天啦!看了其他大佬們寫的文章，真的很有趣，很多不錯的題目，看得很開心，還有一種"學到了的感覺"，接下來就開始今天鐵人賽的文章吧!

bordered

table-bordered

<table class="table table-bordered">
    <thead>
        <tr>
            <th scope="col">row\col</th>
            <th scope="col">col1</th>
            <th scope="col">col2</th>
            <th scope="col">col3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">row1</th>
            <td>(c1,r1)</td>
            <td>(c2,r1)</td>
            <td>(c3,r1)</td>
        </tr>
        <tr>
            <th scope="row">row2</th>
            <td>(c1,r2)</td>
            <td>(c2,r2)</td>
            <td>(c3,r2)</td>
        </tr>
    </tbody>
</table>

table-bordered只要是有獨立的table都會在table周圍出現線，用以標示每個table，這便是table-bordered使用方式，除此之外table格線上的顏色也能改變。

border with color

<table class="table table-bordered border-primary">
    <thead>
        <tr>
            <th scope="col"><h3>row\col</h3></th>
            <th scope="col"><h3>col1</h3></th>
            <th scope="col"><h3>col2</h3></th>
            <th scope="col"><h3>col3</h3></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row"><h3>row1</h3></th>
            <td><h3>(c1,r1)</h3></td>
            <td><h3>(c2,r1)</h3></td>
            <td><h3>(c3,r1)</h3></td>
        </tr>
    </tbody>
</table>

borderless

border without line

<table class="table table-borderless">
    <thead>
        <tr>
            <th scope="col">row\col</th>
            <th scope="col">col1</th>
            <th scope="col">col2</th>
            <th scope="col">col3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">row1</th>
            <td>(c1,r1)</td>
            <td>(c2,r1)</td>
            <td>(c3,r1)</td>
        </tr>
        <tr>
            <th scope="row">row2</th>
            <td>(c1,r2)</td>
            <td>(c2,r2)</td>
            <td>(c3,r2)</td>
        </tr>
    </tbody>
</table>

如果不想在table的表格上去掉border可以用這個去掉。

以上為今天第12天的鐵人賽文章，謝謝各位大佬的觀看，我們明天鐵人賽文章見囉~