jumbotron，居中文字在左邊，圖像在右邊

Question

我想在下面的代碼中將圖像組左側的圖像組垂直居中放置。

 <div class="jumbotron"> 
      <div class="row"> 
       <div class="col-lg-6"> 
        <ul class="list-group center-list"> 
         <li class="list-group-item">something here</li> 
         <li class="list-group-item">something here</li> 
         <li class="list-group-item">something here</li> 
        </ul> 
       </div>        
       <div class="col-lg-6"> 
        <img src="images/ModelBack.png" class="pull-right"> 
       </div>    
      </div> 

我創建了中心列表類，並嘗試過以下類似問題的大量示例，但我的CSS顯然缺乏。

Answer 1

這爲我工作：

<div class="jumbotron"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <h1>Big Test</h1> 
       <h2>Little Test</h2> 
      </div> 
      <div class="col-md-6"> 
       <img src="img.jpg" /> 
      </div> 
     </div> 
     </div> 
</div> 

Answer 2

你缺少對jumbtron關閉標籤，也許這就是問題所在，

<div class="jumbotron"> 
      <div class="row"> 
       <div class="col-lg-6"> 
        <ul class="list-group center-list"> 
         <li class="list-group-item">something here</li> 
         <li class="list-group-item">something here</li> 
         <li class="list-group-item">something here</li> 
        </ul> 
       </div>        
       <div class="col-lg-6"> 
        <img src=""></img> 
       </div>    
      </div> 
</div> 

現在就來試試;）