时间戳

首页 > 解决方案 > 如何将引导导航栏放在英雄图像上

javascript - 如何将引导导航栏放在英雄图像上

问题描述

我正在使用来自 W3Schools 和 Bootstrap Navbar 的 Hero Image 示例代码，但它们无法连接。就像在填充背景颜色之间有一点空间一样。StackOverflow 不允许我在这里发布代码，因为它太长了，所以这里是链接：https://www.w3schools.com/howto/howto_css_hero_image.asp https://www.w3schools.com/bootstrap/bootstrap_navbar.asp https://kalpact.repl.co

标签： javascripthtmlcssnavbar

解决方案

您的导航栏有一个明确的底部边距，来自navbar.less：。

.navbar {
  margin-bottom: @navbar-margin-bottom;
}

理想情况下，您应该找到定义“navbar-margin-bottom”的位置并将其更改为 0。但是......我已经搜索了该定义，但似乎无法在任何地方找到它。您可能只需将其添加到您的主样式表中：

.navbar {
  margin-bottom: 0;
}

推荐阅读