如何删除在我的引导程序导航栏下生成的行

Question

您好我想知道如何删除位于我页面上的导航栏下方的线条。我使用的是基本的twitter bootstrap导航栏。

这是指向我正在谈论的线条的屏幕截图的链接。

Edit2：这是一个bootply链接，包含我的apllication的HTML和CSS。背景图片不在bootply上，但我不认为这会干扰解决方案。 ：http://www.bootply.com/7lzRzgs0YF

Edit3：这是@Raptus提供的工作解决方案。我更改了nav-tabs css类，以包含0px而不是1px的边框。

.nav-tabs > li, .nav-pills > li {
float:none;
display:inline-block;
font:17px fantasy;
border:0px;
margin-bottom: 0px;
border-radius: 0px;   
}
.navbar-brand{
font:bold 25px century gothic;
}
.nav-tabs {
text-align:center;
border:0px;
}
.navbar {
margin-bottom: 0px;
border-radius: 0px;    
}
#content{
margin-left: auto;
margin-right: auto;
width: 55%;
height: 83%;
background-color: #ffffff;
opacity: 0.8;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
html, body{
height: 100%;
padding: 0;
margin: 0;
background-image: url('../content/Technology_016.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#foot{
height: 9.25%;
}
#nav1{
height: 9.25%;
}

Answer 1

为你找到它我的朋友看起来你的.nav-tabs类有一个1px的边框设置，删除它，你应该没有更多的问题。