2014-09-02 20 views
0

我有一個側邊欄,當打開的時候擴展到450px,但是由於窗口的大小沒有改變,網格沒有更新。當div大小發生變化時,網格沒有修改 - 引導

我想在「內容」上使用網格,就好像窗口的大小在打開側邊欄時發生了變化一樣 - 以便使用網格功能。

實施例:http://jsfiddle.net/mato75/ztLhpf2g/7/

怎麼辦:

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

難道你要麼顯示你的CSS或引導網格類適用於您的標記,以便更好地說明問題?如果你可以在jsfiddle.net – jfrej 2014-09-02 22:30:49

+0

增加的例子中分享一個例子,那就太好了,ddd – puppeteer701 2014-09-04 08:47:48

回答

0

在Bootstap網格類等col-lg-6, col-md-3, col-xs-12只能在窗口大小由於媒體查詢(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 
} 
相關問題