트위터 부트 스트랩 동등한 높이의 열과 내용이 일치했습니다.

Question

저는 사이트를 배치하기 위해 Twitter 부트 스트랩 3을 사용하고 있으며 특정 목표를 달성해야합니다. 나는 오른쪽 열에서 텍스트를 원하는

http://jsfiddle.net/52VtD/9054/

두 개의 열 왼쪽과 오른쪽에서 텍스트에 이미지와 레이아웃 ...

<div class="row"> 
    <div class="col-xs-6"> 
     <img class="img-responsive" src="http://dummyimage.com/600x400/000/fff"> 
    </div> 
    <div class="col-xs-6"> 
     <p> 
      This is some dummy content    
     </p> 
    </div> 
</div> 

<style>  
.colright{background:green;color:white;} 
</style> 

의 하단에 위치하는이 열,하지만 난 항상 왼쪽에있는 것과 동일한 높이가되도록 열을 원합니다.

Answer 1

레이아웃을 얻으려면 float 부트 스트랩 규칙을 깨야합니다. 이 시도 :

.t-cell > div { 
    display:table-cell; 
    float:none; 
    vertical-align:bottom; 
} 

확인이 :

<div class="row t-cell"> 

다음과 같은 CSS를 사용 table-cell와 :

• 나중에 열을 대상으로 행에 클래스를 추가 DemoFiddle