引導程序3響應高度

我使用引導程序3顯示頁面上的某些面板，但我希望面板主體在頁面上具有100％的高度，但我的CSS知識明顯不符合要求。引導程序3響應高度

如果我指定一個高度（如100px），那麼它會變高，但它沒有響應。

有誰知道我該怎麼做？

我有一個的jsfiddle我在這裏設置：http://jsfiddle.net/skeniver/47CZ6/5/

<div class="container"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      Heading 
     </div> 
     <div class="panel-body"> 
     </div> 
    </div> 
</div>

來源

2014-02-05 skeniver

試試這個。這不會覆蓋Bootstrap基礎CSS。

http://jsfiddle.net/YzHu4/

HTML

<div class="container m100"> 
    <div class="panel panel-default m100"> 
     <div class="panel-heading"> 
      Heading 
     </div> 
     <div class="panel-body m100">    
     </div> 
    </div> 
</div>

CSS

html,body{height:100%;} 
.m100 { 
    height:100%; 
    min-height:100%; 
}

來源

2014-02-05 12:08:24

在CSS設置高度爲100％，而不是100像素

.panel體{身高：100％;}

來源

2014-02-05 11:46:44

我已經更新了小提琴，但是，這並不工作，因爲容器不使用完整的頁面要麼。我也爲html，body和container添加了100％的高度，但沒有改變面板的高度...... – skeniver

不限面板容器也需要100％的高度 - 體，html和.container：

html,body { 
    height:100%; 
} 

.container,.panel { 
    height:100%; 
}

演示：http://bootply.com/111090

來源

2014-02-05 12:03:01 ZimSystem

引導程序3響應高度

回答

相關問題