更改div大小时网格不会修改 - Bootstrap

Question

我有一个侧边栏，当打开时扩展到450px，但由于窗口的大小没有改变，网格不会更新。

我希望在“内容”上使用网格，就好像窗口的大小发生了变化，侧边栏打开时 - 这样就可以使用网格功能。

示例：http://jsfiddle.net/mato75/ztLhpf2g/7/

怎么做：

<div class="Container container-fluid ">
  <div class="Sidebar"></div>
  <div class="Content"></div>
</div>

Answer 1

像col-lg-6, col-md-3, col-xs-12这样的Bootstap中的网格类只会因媒体查询（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries）而对窗口大小做出反应。

因此，您无法使div.Adm-Content-Wrapper部分内的网格仅根据其父级大小进行更改。 如果打开侧边栏，您必须添加额外的CSS更改网格，如下所示：

.Adm-Content-Wrapper.active .row .col-lg-2 {
   width: 100% //put the correct values here
}