引导导航栏底部的不需要的1px线并创建导航栏侧隙

Question

1）

所以我试图让我的导航栏都设置好引导程序，不幸的是底部似乎有一条1px线，我似乎无法摆脱它。任何人都可以建议任何解决方案吗？

2）

另外，有没有办法在导航栏的每一侧获得间隙，但仅当视口高于768px时？我可以通过移动开头标签的外部来实现这种效果，但就像我说我希望导航栏在移动设备上查看网站时向后移动。

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

感谢。

Answer 1

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

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

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

此处可进行演示： http://codepen.io/guyfedwards/pen/CHJAg

Answer 2

如果您正在使用Bootstrap 3.3.6并使用LESS变量，只需设置@ navbar-default-border变量来控制导航栏边框。有关详细信息，请访问此处 - http://getbootstrap.com/customize/#navbar

@navbar-default-border:none;