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

Question

1)

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

2)

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

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

谢谢.

Answer 1

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

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

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

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