難以使用boostrap對齊元素

Question

使用某些CSS/HTML屬性時遇到一些困難。我使用bootstrap來渲染效果很好。

所以我想有這樣的：

的IMG是完美的，但問題是在日期（2013年3月2日）。我已經在img上留下了一個浮動，所以h3完美，但不是日期。

請問您能幫我嗎？這裏是我有：http://jsbin.com/uqadoc/1/edit

Answer 1

放置<h3>圍繞一個div和<p>（您日期） 有H3具有固定寬度和浮動：左; 和p，float：right;

注：香港專業教育學院走了非DIV apreach在JF但相同的概念

<div class='main'> 
    <img src='' class='ims'> 
     <div class='content'> 

      <h3 class="qwe" >serwqerqwrewqr</h3> 



      <p class="wer">dafdf</p> 
      <div class="rty" > 


       sfdg 
       ffffffffffffffffffffff 
      fdsffffffffffff</br> 


      sfdg 
       ffffffffffffffffffffff 
      fdsffffffffffff</br>   sfdg 
       ffffffffffffffffffffff 
      fdsffffffffffff</br>   sfdg 
       ffffffffffffffffffffff 
      fdsffffffffffff</br> 
</div> 
</div> 
</div> 


.main{ 
    width:500px; 
    height:200px; 
    background:black; 
} 
.content{ 
    width:100ps; 
    height:200px; 
    background:red; 
} 
.ims{ 
    float:left; 
    width:100px; 
    height:200px; 
    background:blue; 
} 
    .qwe{ 
     float:left; 
    width:300px 
     height:50px; 
    } 

    .wer{ 

    width:200px 
     height:50px; 
     float:right;  
    } 
.rty{ 
padding-top:80px; 
    width:400px 
     float:right;  
    } 

Jfiddle http://jsfiddle.net/qAEzr/