css - Bootstrap コンテンツをサムネイル内の画像の右側に揃える

Question

ブートストラップ サムネイル内でキャプションを画像の右側に配置するのに問題があります

私の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に取得して画像の右側に配置する簡単な方法はありますか?

Answer 1

サムネイル 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>