Javascript 引导容器内的100%宽度div
我有一个Wordpress网站，每个页面都应该在导航栏下面有一个全宽图像。我使用的主题使用Bootstrap3，所有内容都加载到一个标准容器中，我希望滑块图像能够突破这个容器，并且100%宽 如果我将滑块设置为绝对定位，则滑块图像下方的内容将隐藏，并且图像不会推到左侧 因为有分配的页面，我不想有很多模板，如果最终用户不必每次都打电话给我，他们希望添加一个新的页面 我真的不想将页面内容包装在一个标准容器中，因为在将来添加新页面时，它对用户不是很友好Javascript 引导容器内的100%宽度div,javascript,css,twitter-bootstrap,Javascript,Css,Twitter Bootstrap,我有一个Wordpress网站，每个页面都应该在导航栏下面有一个全宽图像。我使用的主题使用Bootstrap3，所有内容都加载到一个标准容器中，我希望滑块图像能够突破这个容器，并且100%宽 如果我将滑块设置为绝对定位，则滑块图像下方的内容将隐藏，并且图像不会推到左侧 因为有分配的页面，我不想有很多模板，如果最终用户不必每次都打电话给我，他们希望添加一个新的页面 我真的不想将页面内容包装在一个标准容器中，因为在将来添加新页面时，它对用户不是很友好 任何关于如何解决这个问题的想法都将不胜感激 你就
任何关于如何解决这个问题的想法都将不胜感激 你就不能跳出container div，然后再开始一个新的吗 像这样：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
.greenbox {
background-color: green;
width: 100%;
height: 300px;
}
.redbox {
background-color: red;
width: 100%;
height: 300px;
}
</style>
</head>
<body>
<div class="container">
<div class="greenbox">
</div>
</div>
<!-- This will fill the whole width -->
<div class="redbox">
</div>
<div class="container">
<div class="greenbox">
</div>
</div>
</body>
</html>
格林博克斯先生{
背景颜色：绿色；
宽度：100%；
高度：300px；
}
雷德博克斯先生{
背景色：红色；
宽度：100%；
高度：300px；
}