css - Bootsrap 3 不等边框加粗

Question

我正在使用 boostrap 3 并且我的表格边框不等粗

我的代码

<table class="table table-bordered">
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    </table>

这是我的显示问题吗？

还是css问题？

如何使每条边界线都同样粗体？

标签： csstwitter-bootstrap-3

Answer 1

我认为有些样式会覆盖边框宽度。

这是你的例子，边框宽度是一样的：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<table class="table table-bordered">
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    <tr>
        <th>test</th>
        <td>test</td>
    </tr>
    </table>