html - Bootstrap 导航栏底部不需要的 1px 线并创建导航栏侧间隙

Question

1)

所以我试图让我的导航栏和 Bootstrap 全部设置好，不幸的是底部似乎有一条 1px 的线，我似乎无法摆脱。谁能提出任何解决方案？

2)

此外，有没有办法在导航栏的每一侧获得间隙，但前提是视口(viewport)大于 768 像素？我可以通过将开始标记移到外部来实现这种效果，但就像我说的那样，我希望在移动设备上查看网站时导航栏向上移动。

这是我的代码: http://pastebin.com/zHP09rNu

谢谢。

Answer 1

对于像素边框，您需要在 .navbar 元素上设置 border: 0; 或 border-color: transparent;。例如:

.navbar {
      background-color: #99ccff; 
  border: 0;
}

关于您的第二点，您可以将导航栏的宽度设置为小于 100% 并在任一侧添加边距。

此处提供演示: http://codepen.io/guyfedwards/pen/CHJAg