100% высота столбцов в панели начальной загрузки

Question

Как я могу получить 100% высоты для всех трех столбцов без содержимого?

вот jsfiddle:

<div class="row"> 
    <div class="col-md-12"> 
    <div class="shadow panel panel-default"> 
     <div class="blue white-border panel-heading"> 
     <h3 class="panel-title text-white"> 
      Contacts 
     </h3> 
     </div> 
     <div class="panel-body"> 
     <div class="col-xs-3 green">1</div> 
     <div class="col-xs-3 red">2</div> 
     <div class="col-xs-6 black">3</div> 
     </div> 
    </div> 
    </div> 
</div> 

http://jsfiddle.net/dkvf6yka/

Answer 1

Вы можете использовать CSS 'ВХ'

.col-xs-3 { 
    height:100vh; 
} 

Устанавливает высоту до 100% от высоты окна просмотра