Html 如何使引导行背景色填充页面的其余部分？_Html_Css_Twitter Bootstrap

Html 如何使引导行背景色填充页面的其余部分？

html css twitter-bootstrap

Html 如何使引导行背景色填充页面的其余部分？,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,当我们用Bootstrap创建网页时，我们使用我们放在容器中的行，所以如果用2行创建网页，如何使第2行填充整个页面即，如果我有这两行：我如何制作第二个（蓝色的）来填充页面的其余部分多谢各位 HTML代码是： <body> <div class="container-fluid"> <div class="row row1"> <br> </div> <div class="

当我们用Bootstrap创建网页时，我们使用我们放在容器中的行，所以如果用2行创建网页，如何使第2行填充整个页面

即，如果我有这两行：

我如何制作第二个（蓝色的）来填充页面的其余部分

多谢各位

HTML代码是：

<body>

<div class="container-fluid">

    <div class="row row1">

        <br>

    </div>

    <div class="row row2">

        <br>

    </div>

</div>

</body>

p.s:我只想转换行属性，而不是使用一行，然后用正文的背景颜色为页面的其余部分着色。

您可以使用flex布局来实现您想要的功能。以下是一个例子：

*{
保证金：0；
}
html，正文{
身高：100%；
}
.第1行{
背景颜色：橙色；
}
.row2{
背景颜色：蓝色；
}
.容器液体{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
.排：最后一个孩子{
弹性：1；
}

将第一个放入

.container

中，将第二个放入

.container fluid

？你也需要发布你的代码。@MichaelCoker我刚刚尝试了你的解决方案，但它不起作用。你能澄清问题是什么吗？不太清楚。

.row1{
    background-color: orange;
}

.row2{
    background-color: blue;
}