自举高度响应度

我想制作一个非常简单的响应页面。宽度工作正常;当我调整窗口大小或使用移动设备显示时，它很好，但高度不能正常工作，特别是textarea。查看下面的一个笔记本电脑的屏幕截图，高度是好的看到调整后的屏幕截图（类似于移动设备），页面的高度不是100％任何想法？自举高度响应度

这里是我的代码：

<head> 
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> 
.... 
</head> 
<body> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-10 col-sm-offset-1"> 
      <br> 
      <img src="image.png" 
      <br><hr> 
      <div class="form-group"> 
        <textarea disabled class="form-control" style="height: 100%;" > 
          Lorem ipsum dolor sit amet.... 

        </textarea> 
        <br> 
        <hr> 
      </div> 
     </div><!--/col-5--> 
    </div> 
</div> 
</body>