引導IMG公司，沒有工作的權利，顯示沒有太

這是怎麼看我的導航欄。我的問題是，正確的img並不完全是正確的。左邊的Img就像我想要的那樣在左邊。哪裏不對？我嘗試添加樣式做img的第二個div：文本對齊正確，但它不工作。這裏是代碼：

<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>

來源

2017-07-16 wenus

使用類'拉right'如果你可以創建一個plunker重現這將是巨大的 – Aravind

什麼是搶劫犯？ – wenus

js框架的實時編輯器[** see here **]（https://plnkr.co/） – Aravind

<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>

來源

2017-07-16 08:21:40

這是我的解決方案：

<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>

來源

2017-07-16 08:32:03 Burdy

引導IMG公司，沒有工作的權利，顯示沒有太

回答

相關問題