Question

我在Bootstrap容器div中有一个子div。子div如何覆盖父母的整个宽度？

<div class="container">
     <div class="row">
         <div class="col-md-12 parent">
             <div class="Full-Width"></div>
         </div>
     </div>
  </div>

如何使这个.Full-Width div宽度为其父div的100％？

Answer 1

嗯，你应该重新提出你的问题，因为它现在正好，

此css： .Full-Width{width: 100%;}回答了您的问题。

Answer 2

默认情况下，Bootstrap为某些元素提供padding。因此，您必须为这些元素添加自定义类，并将padding设置为0。

http://jsfiddle.net/732a8rmp/

Answer 3

<强> CSS

.Full-Width {
    display: block
}

这也可以使用：

完成

.Full-Width {
    width: 100%
}

Answer 4

Bootstrap 4可以使用w-100类。

<div class="container">
    <div class="row">
        <div class="col-md-12 parent">
            <div class="w-100"></div>
        </div>
    </div>
</div>

参考：[https://getbootstrap.com/docs/4.0/utilities/sizing/][1]

如果不使用定位，子div如何覆盖Bootstrap中父div的整个宽度？

4 个答案: