Bootstrap 3 不等边框粗体

【问题标题】：Bootsrap 3 unequal border boldnessBootstrap 3 不等边框粗体
【发布时间】：2021-11-17 23:03:01
【问题描述】：

我正在使用 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问题？

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

【问题讨论】：

这可能是因为您将<th> 标签与<td> 放在同一行。也许，如果你把这两个标签分开，它可能会解决你的问题
但我需要标题是垂直的

标签： css twitter-bootstrap-3

【解决方案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>

【讨论】：

感谢您的回复，但是当我运行您的 sn-p 边框时，边框显示得不均匀（每两行加粗边框）
你用什么浏览器？
Microsoft Edge 版本 93.0.961.52 和 Chrome 版本 93.0.4577.82
好吧，当我放大页面时，我不知道为什么！