BootStrap of global CSS style table

CSS does not use the form of the global style BootStrap, it is not defined CSS styles

< The Table > 
    < Caption > Student Information table </ Caption > 
    < TR > 
        < TH > ID </ TH > 
        < TH > Name </ TH > 
        < TH > gender </ TH > 
        < TH > operating </ TH > 
    </ TR > 
    < TR > 
        < TD > . 1 </ TD > 
        <td > Linghu</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td>女</td>
    </tr>
</table>

Results are as follows:

 

BootStrap use of CSS styles in the global table - .table

< The Table class = "the Table" > 
    < Caption > Student Information table </ Caption > 
    < TR > 
        < TH > ID </ TH > 
        < TH > Name </ TH > 
        < TH > gender </ TH > 
    </ TR > 
    < TR > 
        < TD > . 1 </ TD > 
        < TD > Linghu </td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td>Td</Woman>
    </tr>
</table>

Results are as follows:

 

CSS using the form in the global style BootStrap -table-striped

< The Table class = "the Table the Table-Striped" > 
    < Caption > Student Information table </ Caption > 
    < TR > 
        < TH > ID </ TH > 
        < TH > Name </ TH > 
        < TH > gender </ TH > 
    </ TR > 
    < TR > 
        < TD > . 1 </ TD > 
        < TD > Linghu </td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <td></Womantd>
    </tr>
</table>

Results are as follows:

 

BootStrap use of CSS styles in the global table - .table-bordered

<table class="table table-striped table-bordered">
    <caption>学生信息表</caption>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>1</td>
        <td>td</Linghu>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>东方不败</td>
        <td>男</td>
    </tr>
    <tr>
        <td>3</td>
        <td>五毒教主</td>
        <Women>td</td>
    </tr>
</table>

Results are as follows:

 

For details, please see: Global CSS styles