Vue.js 如何在vue js中删除引导导航栏上的空白？

我刚刚创建了一个新组件，其中包含导航条形码：

<template>
  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
.....
</template>

我的index.html没有任何更改

---

我尝试根据我的谷歌搜索结果进行更改，但实际上将我自己的样式设置为nav tag没有帮助。

如果您使用的是VUE CLI，则在您的App.VUE中会出现类似的样式块

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

因为这个空白顶部：60px，这个空白就在那里。Vue CLI为其默认组件提供此默认样式，您可以将其删除

---

我希望这有助于

因此，请在App.vue中使用此选项，以便为web基础设置默认值

<style>
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
</style>

---

您是否使用了Vue Cli？如果是，默认情况下，它会在App.vue文件的末尾添加一个60px的顶部填充。您只需要删除这些样式。此外，在开发web应用程序时，请始终使用浏览器的开发工具！右键单击该空间并进行检查，可以轻松找到该空间的来源element@blex是的，我用了cli，谢谢！