2012-12-29 49 views
1

我有麻煩的時刻自舉縮略圖中我的標題對準我的形象權對齊引導內容的圖像右側的縮略圖

我的HTML

<div class="container"> 
    <div class="row"> 
    <div class="span8 offset2"> 
    <% @response.each do |f| %> 
    <% f.each_pair do |k, v| %> 
    <h3 class="smallTitle">Available on&nbsp;<%= k %></h2> 
     <% v.each do |film| %> 

    <div class="thumbnail"> 
     <img src="http://placehold.it/180x200"> 
     <div class="caption"> 
     <%= link_to film[1], film[0] %> : <%= link_to "remind me", "#", :class => 'remind' %> 
     </div> 
     </div> 
    <% end %> 
    <% end %> 
    <% end %> 
    </div> 
</div><!--Row--> 
</div><!--/container--> 

左右的時間內我圖像是在左邊,標題是在圖像下方..是否有一個簡單的方法用CSS來獲取標題爲div坐在圖像的右側

回答

6

你可以只浮動圖像和標題內的縮略圖div

<div class="thumbnail clearfix"> 
    <img src="http://placehold.it/180x200" class="pull-left"> 
    <div class="caption" class="pull-right"> 
    <%= link_to film[1], film[0] %> : <%= link_to "remind me", "#", :class => 'remind' %> 
    </div> 
    </div>