css – 容器引导程序内的全宽背景颜色

我有这个标记：

而我想将“内容”div应用于全宽背景色.

我怎么能通过CSS做到这一点？

这是一个jsbin,向您展示我正在尝试做的事情.

最佳答案

您可以使用.jumbotron类来实现此目的.请确保不要将其放在带有.container类的元素中.

Jumbotron

所以这是一个使用.jumbotron的例子.

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');

body {
  margin: 0;
}

.content {
  background-color: green;
}

.jumbotron {
  background-color: orange;
}

.no-left-right-padding {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 1200px) {
  img {
    width: 100%;
    height: auto;
  }

}

                                
原文地址：https://www.jb51.cc/css/427649.html
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。
                            

• 上一篇：CSS选择器是否没有任何效果的属性？下一篇：html – 如何删除悬停在图像上时出