Html 导航栏为什么不占全宽？

我正在尝试使用引导创建一个全宽导航栏，但是我的导航有一种限制

像这样：

我真正想做的就是这样

@导入url(https://fonts.googleapis.com/css?family=Raleway:400,700,300,100);
身体{
字体系列：“Raleway”，无衬线；
字体大小：400；
}
p{
文本对齐：对齐；
字体大小：16px；
}
navbar先生{
字号：700；
字母间距：2px；
文本转换：大写；
}
.navbar默认值.navbar导航.active a，
.navbar默认值.navbar导航.active a:焦点，
.navbar默认值.navbar导航.active a:悬停，
.navbar默认值.navbar导航li a:悬停{
颜色：#e1b315；
}
.navbar.navbar导航{
显示：内联块；
浮动：无；
}
.navbar默认值.navbar导航li{
利润率：0.15px；
}

这不是唯一的方法，但可以完成任务

body {
    font-family: "Raleway", Sans-Serif;
    font-weight: 400;
    margin: 0;
}

只需添加

margin:0到你的身体CSS

我已将导航栏设置为绿色，以便更容易看到


@导入url(https://fonts.googleapis.com/css?family=Raleway:400,700,300,100);
身体{
字体系列：“Raleway”，无衬线；
字体大小：400；
保证金：0；
}
p{
文本对齐：对齐；
字体大小：16px；
}
navbar先生{
字号：700；
字母间距：2px；
文本转换：大写；
背景颜色：绿色；
}
.navbar默认值.navbar导航.active a，
.navbar默认值.navbar导航.active a:焦点，
.navbar默认值.navbar导航.active a:悬停，
.navbar默认值.navbar导航li a:悬停{
颜色：#e1b315；
}
.navbar.navbar导航{
显示：内联块；
浮动：无；
}
.navbar默认值.navbar导航li{
利润率：0.15px；
}









解决方案

不要用
.row
或
.container
全宽包装内容
您需要重置
正文
的
边距
和
填充
片段


@导入url(https://fonts.googleapis.com/css?family=Raleway:400,700,300,100);
身体{
字体系列：“Raleway”，无衬线；
字体大小：400；
边距：0；填充：0；
}
p{
文本对齐：对齐；
字体大小：16px；
}
navbar先生{
字号：700；
字母间距：2px；
文本转换：大写；
}
.navbar默认值.navbar导航.active a，
.navbar默认值.navbar导航.active a:焦点，
.navbar默认值.navbar导航.active a:悬停，
.navbar默认值.navbar导航li a:悬停{
颜色：#e1b315；
}
.navbar.navbar导航{
显示：内联块；
浮动：无；
}
.navbar默认值.navbar导航li{
利润率：0.15px；
}






我不确定为什么会发生这种情况
-发生了什么事？这不是我所相信的全部代码。所以，我很抱歉，真的，我是新来的，我习惯了这里的规则=p