如何在不影响 bootstrap 元素的情况下在 Vuejs 中将 html 和 body padding 设置为 0？

Question

我正在我的 Vuejs 项目中创建一个 bootstrap 导航栏，它的 spaced 有一些左右边距，没有添加任何正文或 html 填充到 0。

当我转到 welcome.blade.php 文件并将正文和 html 填充设置为 0 时，如下所示：

*{
   padding: 0!important;
 }

然后我在我的 bootstrap 导航栏上没有左右 space 但算法我在我的 bootstrap 导航栏内的元素之间没有 space。

我想将 HTML 和正文填充设置为 0 而不影响 bootstrap 元素 paddings/margins。

Answer 1

如果您使用 * 表示所有标签和 类,

你必须使用

 body {
   padding: 0 !important;
   margin: 0 !important;
 }