Html Bootrap 4.1.1横幅图像和导航栏不全宽

我在Bootstrap4.1.1中创建了一个新页面。我无法将横幅图像和导航栏设置为全宽。页面是：你能找出我在代码中做错了什么吗？我发布了问题代码的相关部分。我以前用过Bootstrap，但不是这个最新版本。提前谢谢

body{color:#000；字体大小：20px}
.masthead img{宽度：100%；高度：100%；背景图像：url（images/Banner.jpg）无重复固定中心；
背景尺寸：封面；}
.导航栏海关{
背景色：#FF8C46；
}
/*更改品牌和文字颜色*/
.navbar定制。navbar品牌，
.navbar自定义.navbar文本{
文字装饰：无；颜色：#000；
}
a、 导航栏品牌：链接，
a、 navbar品牌：已访问{
颜色：#fff；
文字装饰：无；
背景色：#000；
边界半径：50px；填充：.5rem；
}
a、 navbar品牌：hover，
a、 navbar品牌：焦点{
颜色：#fff；
文字装饰：无；
}
/*更改链接颜色*/
.navbar自定义.navbar导航.nav链接{
文字装饰：无；颜色：#000；
}
/*更改活动链接或悬停链接的颜色*/
.navbar自定义.nav-item.active.nav链接，
.导航栏海关{
文字装饰：无；颜色：#000；
}
.导航项目.导航链接：悬停{
文字装饰：无；
}
/*仅适用于下拉菜单-更改下拉菜单的颜色*/
.navbar自定义.下拉菜单{
背景色：#FF8C46；
}
.navbar自定义.下拉项{
文字装饰：无；颜色：#000；
}
.navbar自定义。下拉项：悬停，
.navbar自定义。下拉项：焦点{
文字装饰：无；颜色：#000；
背景色：#FF8C46；
}
.导航杆切换器{
边框颜色：rgb（0,0,0）；
}
.navbar切换图标{
颜色：#000；
}
.navbar切换器图标：悬停{
背景:#036；
}
span.navbar-toggler-icon{
背景图像：url（“数据：image/svg+xml；charset=utf8，%3Csvg viewBox='0 32'xmlns='0http://www.w3.org/2000/svg“%3E%3Cpath stroke='rgba（0,0,0,1）'stroke width='2'stroke linecap='round'stroke miterlimit='10'd='M4 8H224M4 16h24M4 24h24'/%3E%3C/svg%3E”）；
}

问题在于容器类别

。容器液体将15 px的填充物分配到侧面

对于引导4，您需要使用jumbotrons

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>

在本例中，我建议声明第二个类并将这些值分配给该类。因此，不要将
.container fluid
弄脏，以备将来使用。
问题在于container class
的问题。container fluid
将15px的填充物分配到侧面

对于引导4，您需要使用jumbotrons

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>

在本例中，我建议声明第二个类并将这些值分配给该类。所以你不要把
.container fluid
弄乱，以备将来使用。
所以我在chrome开发者工具上弄乱了你的代码，并注意到
左右两侧都有填充物。有一次，我把这些都勾掉了，横幅就贴满了整个页面。我会尝试覆盖它，并将填充设置为0px。
因此我在chrome开发者工具上弄乱了您的代码，并注意到
在左侧和右侧都有填充。有一次，我把这些都勾掉了，横幅就贴满了整个页面。我会尝试覆盖它并将填充设置为0px。
您可以解决此问题：

.container-fluid{
  padding: 0 !important;
}

我不知道您是否只想使用引导，所以如果是，请不要使用此代码

我希望我帮助了你

问候。
您可以解决此问题：

.container-fluid{
  padding: 0 !important;
}

我不知道您是否只想使用引导，所以如果是，请不要使用此代码

我希望我帮助了你

问候。
如果您在浏览器中右键单击并选择“检查”，您可以查看正在发生的事情。如果您在浏览器中右键单击并选择“检查”，您可以查看正在发生的事情。没问题，如果您在添加此代码后对设计有一些问题，那是因为您正在设置样式的页面中有其他同名div。因此，我建议您在该div中添加一个自定义id，并在样式表中使用您选择的id的名称，而不是此类，以确保不会破坏任何其他同名div。我正要问关于我的垂直旋转木马。我似乎无法用空格分隔上一个和下一个按钮。我应该为此创建一个新线程吗？让我们来看看。在这种情况下，我建议声明第二个类并将这些值分配给该类。这样你就不会弄脏容器液体，以备将来使用。没问题，如果您在添加此代码后对设计有一些问题，那是因为您正在设置样式的页面中有其他同名div。因此，我建议您在该div中添加一个自定义id，并在样式表中使用您选择的id的名称，而不是此类，以确保不会破坏任何其他同名div。我正要问关于我的垂直旋转木马。我似乎无法用空格分隔上一个和下一个按钮。我应该为此创建一个新线程吗？让我们来看看。在这种情况下，我建议声明第二个类并将这些值分配给该类。这样你就不会弄脏容器液体，以备将来使用。