Html 引导heaader隐藏在导航栏后面

我回答了下面的原始问题，但现在如何更改导航栏的默认背景色？下面是我询问的几个答案，并列出了html和css信息。

原始问题：我正在用html5制作一个网站模板，并使用引导导航栏。导航栏html下面是页眉和页面内容的其余部分。标题显示在导航栏后面一点。我检查了我的html 而且它没有错误。下面代码段框中的css是样式。css

有人能弄明白吗？谢谢

正文{
宽度：100%；
保证金：0；
字体系列：'Georgia；
字体大小：100%；
背景色：#759FAF；
}
保险商实验室{
填充：0；
保证金：0；
列表样式类型：无；
}
#vlb1overlay{z-索引：100！重要；}
#容器{
宽度：90%；
保证金：自动；
背景色：#fff；
边框左下半径：2米；
边框右下半径：2米；
}
#标志{
显示：块；
宽度：100%；
}
#内容{
明确：两者皆有；
位置：相对位置；
填充物：1.5em5%；
}
#导航栏{
背景：rgba（255，255，255，0.952941）；
边界半径：0；
边界底部：0；
盒影：rgba（0,0,0,0.298039）0px 0px 3px；
垫底：8px；
}
#导航.导航栏切换{
边缘顶部：20px；
背景色：#333；
}
#导航。导航栏品牌h1{
填充：0；
保证金：0；
}
#navigation.navbar-nav.navbar-right li{
填充：0 1px；
}
#导航.navbar-nav.navbar-right{
利润上限：28px
}
#导航.navbar-nav.navbar-right li a{
颜色：#43484E；
字体系列：“Roboto”，无衬线；
字体大小：14px；
填充：0；
文本转换：大写；
-webkit过渡：所有.9秒到0秒；
-moz转换：所有9秒到0秒；
-o型过渡：所有9秒到0秒；
过渡：所有9秒到0秒；
填充：6px 15px；
}
#导航。导航栏反向。导航栏导航。激活a，
#导航。导航栏反转。导航栏导航。激活a：焦点，
#navigation.navbar-nav.navbar-right li a:悬停{
颜色：#fff；
背景色：#fc7700；
}
img{
最大宽度：100%；
高度：自动；
}
h1{
字体大小：1.7em；
明确：两者皆有；
}
.航向跨度{
颜色：红色
}
氢{
字号：1.4em；
明确：两者皆有；
文本对齐：居中；
}
h3{
字体大小：1.2米；
清除：两个；}
音频{
可见性：隐藏；
身高：0；
宽度：0；
}
#暂停播放{
浮动：对；
宽度：32px；
高度：32px；
光标：指针；
}
.innerBox{
背景色：#ffffff；
背景重复：重复-y；
垫面：1米；
左：1米；
右侧填充：1em；
垫底：1米；
}
a:链接{
文字装饰：下划线；
}
a:参观了{
文字装饰：下划线；
}
a:悬停{
文字装饰：下划线；
}
a:主动的{
文字装饰：下划线；
}
.栏目{
宽度：100%；
}
.左{
浮动：左；
宽度：45%；
}
.对{
左边缘：45%；
}
.清楚{
明确：两者皆有；
}
/*部分*/
.科{
明确：两者皆有；
填充：0px；
边际：0px；
}
/*列设置*/
上校{
显示：块；
浮动：左；
利润率：1%01%1.6%；
}
.col:第一个子项{左边距：0；}
/*分组*/
.小组：之前，
.group:在{content:：；display:table；}之后
.group:在{clear:both；}之后
.group{zoom:1；/*用于IE 6/7*/}
/*两格*/
.span_2_of_2{
宽度：100%；
}
.span_1_/u 2{
宽度：49.2%；
}
/*以小于480像素的全宽显示*/
@仅介质屏幕和（最大宽度：480px）{
col{
利润率：1%01%0%；
}
}
@仅介质屏幕和（最大宽度：480px）{
.span_2_of_2，.span_1_of_2{宽度：100%；}
}
#社会的{
保证金：自动；
文本对齐：居中；
}
/*柔性iFrame*/
.柔性容器{
位置：相对位置；
垫底：56.25%；
填充顶部：30px；
身高：0；
溢出：隐藏；
}
.柔性容器框架，
.柔性容器对象，
.柔性容器嵌入{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.谷歌地图{
位置：相对位置；
填充底部：75%；//这是纵横比
身高：0；
溢出：隐藏；
}
.google地图iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%！重要；
身高：100%！重要；
}
#地图{
身高：100%；
}
#页脚{
背景：#759FAF；
宽度：90%；
保证金：自动；
文本对齐：居中；
字体系列：无衬线；
字号：80%；
颜色：#fff；
填充：0.5em0；
}
#页脚a{
颜色：#fff；
}
/*
基于：
1.http://stephen.io/mediaqueries
2.https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
/*iPhone 6在纵向和横向中的应用*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）{
}
/*iphone6在风景中*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：景观）{
}
/*iphone6人像*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：纵向）{
}
/*iPhone 6 Plus在纵向和横向中的应用*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）{
}
/*iphone6plus在景观中的应用*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：景观）{
}
/*iphone6plus人像*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：纵向）{
}
/*iPhone 5和5S的纵向和横向*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）{
}
/*iphone5和5S在景观中的应用*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）
和（方向：景观）{
}
/*iphone5和5S的肖像*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：568px）
和（方向：纵向）{
}
/* 
iPhone 2G、3G、4、4S媒体查询
值得注意的是，这些媒体查询对于iPodtouch第1代也是一样的-
body{
  padding-top:65px;
}

body{
   margin-top: 5%; /*Can either be percentage or px whatever suits you*/
}

body {
  margin-top: 50px;
}