引导板中100%高度的列

时间:2015-02-02 20:11:03

标签: javascript css angularjs twitter-bootstrap

如果没有内容,我怎样才能获得所有三列的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/

1 个答案:

答案 0 :(得分:3)

您可以使用css&#39; vh&#39;

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

这会将高度设置为视口高度的100%