twitter-bootstrap 几个具有不同背景颜色的大屏幕
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/21676781/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-21 20:00:30 来源:igfitidea点击:
Several jumbotron's with different background colors
提问by dhythhsba
I want to put on page several jumbotron's (bootstrap 3) with different background colors. Help me, please.
我想在页面上放置几个具有不同背景颜色的 jumbotron（引导程序 3）。请帮帮我。
回答by BENARD Patrick
As you can see here, just add a class to overide the default jumbotron background color :
正如你在这里看到的，只需添加一个类来覆盖默认的大屏幕背景颜色：
Bootply :http://bootply.com/112356
引导：http ://bootply.com/112356
HTML :
HTML :
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>...</p>
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>
<div class="jumbotron other-color">
<h1>Hello, people!</h1>
<p>...</p>
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>
CSS :
CSS :
.other-color{
background: green
}
