Html 在引导中更改网格的背景色，包括它不包含的边'；够不着_Html_Css_Bootstrap 4

Html 在引导中更改网格的背景色，包括它不包含的边'；够不着

html css bootstrap-4

Html 在引导中更改网格的背景色，包括它不包含的边'；够不着,html,css,bootstrap-4,Html,Css,Bootstrap 4,对不起，如果这句话写得不好，那么如果我有这样的话 <body> <main role="main" class="container"> <div class="row"> <div class="col-sm-4">1</div> <div class="col-sm-4">2</div> <div class="col-sm-4">3</div> <div c

对不起，如果这句话写得不好，那么如果我有这样的话

<body>
<main role="main" class="container">
  <div class="row">
  <div class="col-sm-4">1</div>
  <div class="col-sm-4">2</div>
  <div class="col-sm-4">3</div>
  <div class="col-sm-6">Some Text</div>
  <div class="col-sm-6">Some Text</div>
  <div class="col-sm-12">6</div>
</div>
</main>
</body>

它只会给网格的背景上色，而不会给整个页面上色。页面的两侧将保持白色，我不知道如何补救

我想要黄色的到这一页的边缘

对于页面的背景，将css添加为

body {
  background-color: grey;
}

对于不同的网格背景，将网格

id

作为

#test

并应用css作为

#test {
  background-color: yellow;
  border: 1px solid red;
  height: 20px;
}

并将您的

main

类更改为

<main class = "container-fluid">

请看下图

注意：

正文

更改页面整个正文的颜色，而

#test

更改指定给相应类的测试id的颜色。

对于页面的背景，添加css如下

body {
  background-color: grey;
}

对于不同的网格背景，将网格

id

作为

#test

并应用css作为

#test {
  background-color: yellow;
  border: 1px solid red;
  height: 20px;
}

并将您的

main

类更改为

<main class = "container-fluid">

请看下图

注意：

正文

更改页面整个正文的颜色，而

#test

更改指定给相应类的测试id的颜色。

只需添加

    #test
     {
     Background-color:grey;
     background-size:cover}

加上

    #test
     {
     Background-color:grey;
     background-size:cover}

你能在这里分享完整的代码或者分享一个我们可以查看的URL吗？你是说这个>主体{背景色：灰色；}下面是当我这样做时会发生的情况，即它不允许黄色到达边缘。实际上，您必须使用

.container fluid

.row.bg primary

.container

.row

.col

您可以在这里共享完整的代码，或者共享一个我们可以检查的URL吗？您的意思是这个>主体{背景色：灰色；}下面是当我这样做时会发生的情况，它不允许黄色到达边缘。实际上，您必须使用

.container fluid

.row.bg primary

.container

.row

.col

我尝试过这个方法，但没有成功，谢谢你的帮助，把背景颜色改成背景图片我试过了，但没用，谢谢你的帮助，将背景颜色改为背景图像，但是网格的侧面仍然是身体背景颜色，而不是网格的颜色。你能提供你的全部代码吗？我想看看代码的上半部分。我把它改成了我的确切代码，这就是它给我的，检查我编辑的代码，它会工作。这是因为类容器在左侧和右侧留下了一些边距。但是网格的两侧仍然是主体背景颜色，而不是网格的颜色。你能提供你的全部代码吗？我想看看代码的上部。我把它改成了我的确切的代码，这是它给我的检查我编辑的代码它会工作。这是因为类容器在左侧和右侧留下了一些空白。