如何在 Vuejs 中将 html 和 body padding 设置为 0 而不影响 bootstrap 元素?

发布于 2025-01-08 23:28:31 字数 265 浏览 1 评论 0原文

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

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

*{
   padding: 0!important;
 }

然后我的引导导航栏上没有左右空间,但我的引导导航栏内的元素之间没有空间。

我想将 HTML 和正文填充设置为 0,而不影响引导元素填充/边距。

I'm creating a bootstrap navbar in my Vuejs project and it's spaced with some left and right margin without adding any body or html padding to 0.

When I go to welcome.blade.php file and set body and html padding to 0 like so:

*{
   padding: 0!important;
 }

Then I get no right and left space on my bootstrap navbar but algo I get no space between elements inside my bootstrap navbar.

I want to set HTML and body padding to 0 without affecting bootstrap element paddings/margins.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

沩ん囻菔务 2025-01-15 23:28:31

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

您必须使用

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

If you use * that means all tags and classes,

You have to use

 body {
   padding: 0 !important;
   margin: 0 !important;
 }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文