Bootstrap字体周围多余的空间

Question

在Bootstrap 4中，即使在margin上应用padding或0或在line-height周围播放，文本的顶部和底部仍然有多余的空间。多余的空间仍然存在。这使得将元素与文本对齐变得越来越困难。

请参阅以下示例中的红线，该示例取自Bootstrap官方文档：

Answer 1

您很可能需要在CSS规则末尾使用!important标志。

例如：

h1 { padding: 0 !important; }

这不是最漂亮的方法，也可能不是最有效的方法，但是它通常绕过引导CSS规则。

Answer 2

多余的空间与h1标题无关。它通过css选择器.bd-content>table>tbody>tr>td来应用。

您可以尝试：

.bd-content>table>tbody>tr>td {
padding: 0;
}

Answer 3

使用较小的行高，例如

h1, h2, h3, h4, h5, h6{
 line-height:0.6;
}

这应该可以按照您的要求工作，或者将数字更改为0.6 ...左右