html - 将 div 拉伸(stretch)到浏览器的一侧

Question

我有以下 Bootstrap 标记:

<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 居中而不是全 Angular 。我需要将 .map div 拉伸(stretch)到浏览器窗口的右边界。怎么可能？

Answer 1

您问题的答案在 main page bootstrap docs 上.

Use .container-fluid for a full width container, spanning the entire width of your viewport.

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