ブートストラップIMGは動作しません、これは私のナビゲーションバーがどのように見えるかあるなしあまりにも

Question

を表示します。私の問題は、右のimgが完全に正しいものではないということです。左のImgは、私が望むように、左にあります。なにが問題ですか？スタイルを追加しようとしましたが、2番目のdivのimgを行います：テキストは右揃えですが、それはうまく動作しません。

<nav class="navbar navbar-default"> 
<div class="container"> 
    <div class="row col-md-12"> 
     <div class=" col-xs-2 col-sm-2 col-md-2" style="float: left" > 
      <img class="img-responsive" alt="Brand" src="buty0.png"> 
     </div> 
     <div class="col-xs-8 col-sm-8 col-md-8 text-center" style="float: left"> 
      <div class="navbar-text">Lorem ipsum 
     Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem 
     ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div> 
     </div> 
     <div class=" col-xs-2 col-sm-2 col-md-2 text-left" style="float: left"> 
      <img class="img-responsive" alt="Brand" src="buty1.png"> 
     </div> 
    </div> 
</div> 

Answer 1

<nav class="navbar navbar-default"> 

<div class="container"> 

    <div class="row"> 

     <div class="col-xs-2" > 
      <img class="img-responsive" alt="Brand" src="buty0.png"> 
     </div> 

     <div class="col-xs-8 text-center"> 
      <div class="navbar-text">Lorem ipsum 
    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem 
    ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 
      </div> 
     </div> 

     <div class=" col-xs-2"> 
      <img style="float:right;" class="img-responsive" alt="Brand" src="buty1.png"> 
     </div> 

    </div> 

</div> 

</nav> 

Answer 2

これは私のソリューションです：あなたはそれは素晴らしいだろう再現するplunkerを作成することができるかどう

<nav class="navbar navbar-default"> 
<div class="container"> 
    <div class="row"> 
     <div class=" col-xs-2 col-sm-2 col-md-2" style="text-align:center;" > 
      <img class="img-responsive" alt="Brand" src="buty0.png"> 
     </div> 
     <div class="col-xs-8 col-sm-8 col-md-8 text-center" style="float: left"> 
      <div class="navbar-text">Lorem ipsum 
     Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem 
     ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div> 
     </div> 
     <div class=" col-xs-2 col-sm-2 col-md-2" style="text-align:center;"> 
      <img class="img-responsive" alt="Brand" src="buty1.png"> 
     </div> 
    </div> 
</div> 
</nav>