自動フローティングテキスト

Question

私は現在、（Bootstrap3を使用して）インシデントレポートの概要を表示するのに役立つカスタムユーザーコントロールを開発中です。次のようにコントロールが表示さ：

私は右に画像の周りに流れるようにテキストを必要としています。私は 'pull-left'と 'pull-right'のいくつかのバリエーションを試しましたが、何もそれが（私はhtml/cssで超幻想的ではありません）それがほしいと思うように働いています。ここでは、コードです：

<div class="col-md-12"> 
    <div class="col-md-8"> 
     <h3> 
      <asp:Label ID="lblDept" runat="server" /> 
      <br /> 
      <small> 
       <asp:Label ID="lblTask" runat="server" /> 
      </small> 
     </h3> 
    </div> 
    <div class="col-md-4"> 
     <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> 
      <asp:Image ID="imgIncident" runat="server" /> 
     </a> 
    </div> 
    <div class="col-md-12"> 
     <asp:Label ID="lblDesc" runat="server" CssClass="pull-left" /> 
    </div> 
</div> 

Answer 1

私は次のように自動フローにテキストを取得することができました：あなたはlblDescコンテンツは、サムネイル画像の周囲に流れるようにしたい

<div class="col-md-12"> 
    <h3 class="col-md-8 pull-left"> 
     <asp:Label ID="lblDept" runat="server" /> 
     <br /> 
     <small> 
      <asp:Label ID="lblTask" runat="server" /> 
     </small> 
    </h3> 
    <div class="col-md-4 pull-right"> 
     <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> 
      <asp:Image ID="imgIncident" runat="server" /> 
     </a> 
    </div>   
    <asp:Label ID="lblDesc" runat="server" /> 
</div>