ブートストラップ左プルとプル権利を次のようになり

Question

私のHTMLを応答がありません。代わりに十分なスペースがない場合、私は別の下の1を行く対応するために、底部に2つのリンクを希望

<div class="thumbnail news-listing"> 
     <div> 
     <img class="img-responsive fr-draggable" src="/CustomContents/DSC03804.JPG"> 
     </div> 
     <div class="caption"> 
      <h4 class="">Test Article</h4> 

      <p class=""> 
     </p><p>Test News</p><p></p> 
      <p></p> 
      <div class="btn-block"> 
       <div class="pull-left"> 

        <a href="/News/Test-Article" class="btn btn-default btn-xs pull-left" role="button">More Info</a> 
       </div> 

       <div class="pull-right"> 

        <a style="cursor:pointer" class="btn btn-default btn-xs" role="button"><i class="glyphicon glyphicon-calendar"></i>18/11/2016</a> 

       </div> 
      </div> 
      </div> 
    </div> 

が、彼らはこのように見える。私が間違っていることは何ですか？

Answer 1

そのは、以下のようにTRYその後、動作していない場合は、代わりに代わり<div class='pull-right'>

Answer 2

どちらかがブートストラップグリッドを使用しcorrosponding <div class='pull-left'>と

<div class='float:right'> 

<div style='float:left'> 

、あなたができるので、 2つを設定する要素の順序を変更して、pull-rightの1つがソース内のpull-leftの前になるようにします。

<div class="thumbnail news-listing"> 
    <div><img class="img-responsive fr-draggable" src="/CustomContents/DSC03804.JPG" alt="" /></div> 
    <div class="caption"> 
     <h4 class="">Test Article</h4> 
     <p class="">&nbsp;</p> 
     <p>Test News</p> 
     <p>&nbsp;</p> 
     <p>&nbsp;</p> 
     <div class="btn-block"> 
      <div class="pull-right"><a class="btn btn-default btn-xs" style="cursor: pointer;">18/11/2016</a></div> 
      <div class="pull-left"><a class="btn btn-default btn-xs pull-left" href="/News/Test-Article">More Info</a></div> 
     </div> 
    </div> 
</div>