将div拉伸到浏览器的一侧

Question

我有以下引导标记：

<div class="container">
  <div class="row">
   <div class="col-md-8">content</div>
   <div class="col-md-4">
     <div class="map">map goes here</div>
   </div> 
 </div>
</div>

.container的中心位置不是全宽。 我需要将.map div拉伸到浏览器窗口的右边界。 怎么可能？

Answer 1

您的问题的答案在main page bootstrap docs。

  

使用.container-fluid作为整个宽度的容器，跨越整个容器   视口的宽度。

<div class="container-fluid">
  ...
</div>

Answer 2

实际上，你需要的是.container上的特定样式来覆盖默认的bootstrap .container：

body .container {
    margin: 0 0 0 auto;
}

Answer 3

不，这不是我需要的。我需要容器在md屏幕上保持1170px宽，但.map应该与容器重叠并延伸到正确的浏览器端。

不确定只能使用css。也许js可以帮忙吗？