Bootstrap 3 отзывчивая высота

Question

Я использую Bootstrap 3 для отображения некоторых панелей на странице, но я хотел бы, чтобы тело панели было на высоте 100% на странице, но мои знания CSS, по-видимому, не до нуля.

Если я укажу высоту (например, 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> 

Answer 1

Попробуйте это. Это не перезаписывает ваш базовый CSS Bootstrap.

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%; 
} 

Answer 2

В CSS установить высоту до 100%, а не 100px

.panel тела {высота: 100%;}

Answer 3

Любые контейнеры панели также должны быть на 100% высоты - тело, HTML и .container:

html,body { 
    height:100%; 
} 

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

Демонстрация: http://bootply.com/111090