引导表中所有单元格加粗

时间:2019-05-03 12:27:37

标签: html css bootstrap-4

Bootstrap 4表给我所有带有粗体文本的单元格,我需要td中的普通文本。字体粗细没有帮助/

<div class="row col-md-10 px-4 py-3 ">
   <table id="ServiceTable" class="table table-hover table-striped">
            <tbody>
                <tr>
                    <th colspan="3">Title</th>
                    <td class="text-right">
                        <button type="button" class="btn btn-primary px-4 btn-sm">Подробнее</button>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">date_isodate_set</td>
                    <td colspan="2">Thornton</td>
                </tr>
                <tr>
                    <td colspan="2">Hii</td>
                    <td colspan="2">Larry the Bird</td>
                </tr>
            </tbody>
    </table>
</div>

CSS:
#ServiceTable td {
    font-weight: 400;
}

enter image description here

头:

sss111

整个CSS:

sss

1 个答案:

答案 0 :(得分:1)

找到解决方案。在我的头标签中,我使用了Google字体的链接。并添加了font-weight参数= 600和仅此重量:

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:600" rel="stylesheet">

因此,即使您尝试将字体粗细更改为该上载的字体,也无法使用。它只需要自定义:

enter image description here

上传链接如下:

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&amp;subset=cyrillic" rel="stylesheet">