全高のボーダーですか？

Question

固定高さを設定せずに境界の完全高さを設定するにはどうすればよいですか？

<div class="col-md-9"></div>の内容はかなり大きく、サイドバー（<div class="col-md-3"> </div）に赤い枠線が垂直方向に広がる必要があります。

を参照してください例：https://jsfiddle.net/DTcHh/38699/

HTML：

<div class="panel panel-default"> 
    <div class="panel-body"> 
     <div class="row"> 
      <div class="col-md-9"> 
       <p>Blah Blah Blah</p> 
       <p>Blah Blah Blah</p> 
       <p>Blah Blah Blah</p> 
       <p>Blah Blah Blah</p> 
      </div> 
      <div class="col-md-3"> 
       <div class="border"> 
        <p>Sidebar</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

CSS：

.border { 
    border-left: 1px solid red; 
    padding-left: 5px; 
} 

Answer 1

は、なぜあなたは.col-md-9に.col-md-3からあなた.borderクラスを切り替え、.borderにborder-rightにborder-leftを変更しないでください

.border { 
 
    border-right: 1px solid red; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="panel panel-default"> 
 
    <div class="panel-body"> 
 
    <div class="row"> 
 
     <div class="col-md-9 col-xs-9"> 
 
     <div class="border"> 
 
      <p>Blah Blah Blah</p> 
 
      <p>Blah Blah Blah</p> 
 
      <p>Blah Blah Blah</p> 
 
      <p>Blah Blah Blah</p> 
 
     </div> 
 
     </div> 
 

 
     <div class="col-md-3 col-xs-3"> 
 
     <p>Sidebar</p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>