引导程序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响应高度

回答

相关问题