2014-01-19 86 views
0

如何將img放置在div的底部?Bootsrap垂直底部裏面一個div

<body> 
    <div class="container"> 
     <div class="row" style="background-color: yellow; height: 600px;"> 
      <div class="col-md-6"> 
       <img src="img.png" alt="alt"> 
      </div> 
      <div class="col-md-6"> 
       Lorem ipsum 
      </div> 
     </div> 
    </div> 
</body> 

感謝

+0

這是在div的底部。你想要它在* parent *'div'的底部嗎? –

+0

我想要這個:http://jan.imghost.us/4xLQ.png –

回答

0

解決的辦法是:

HTML:

<div class="col-md-6 myclass"> 
    <img src="img.png" class="bottom" width="300"> 
</div> 

CSS:

.bottom{ 
     position:absolute; 
     bottom:0; 
    } 

    .myclass{ 
     height: 100%; 
     position:relative; 
    }