ブートストラップ - 上部バーに画像を表示

Question

私はフォーラムを検索しましたが、正確な問題は見つかりませんでした。

私はテンプレートにブートストラップを使用していますが、トップバー（「トップバー」 - ナビゲーションバーではありません）にイメージを追加しようとしています。

何らかの理由で、画像が表示されません。ここで

は、コードは（画像以外のすべての残りの部分は正常に動作します）です：

<section id="topbar"> 
<div class="container"> 
    <div class="row"> 
     <div class="col-sm-12 topbar-base no-padding"> 
      <!--Top Bar Block--> 
      <div class="col-sm-8 col-md-6 topbar-block left text-left"> 
       <ul> 
        <li><i class="fa fa-clock-o"></i>Mon - Sat: 09.00 - 19.00</li> 
        <li>Company inc.</li> 
        <li>**<img src="flag.png" alt="" height="27px" />**</li> 
        <li><a href="tel:+1 929 425 3919"><i class="fa fa-phone"></i>+1 929 425 3919</a> </li> 
        <li><a href="mailto:info@company.com"><i class="fa fa-envelope"></i>info@company.com</a> </li> 
       </ul> 
      </div> 
      <!--Top Bar block--> 
      <div class="col-sm-4 col-md-4 col-md-offset-2 topbar-block text-right"> 
       <ul class="social"> 
        <li><a href="#"><i class="fa fa-facebook"></i> </a> </li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

は事前にありがとうございました。私はたくさんのことを試しましたが、それを働かせるようには見えません。

ははるかに高く評価あなたの.htmlファイルがあるとして、「topbarブロック」内の ランス

Answer 1

imgタグは、同じディレクトリに画像「flag.png」を参照しています。画像が同じフォルダにあることを確認してください。コードはそうでなければ正しいようです。

Answer 2

おそらく、画像の高さ属性の値が27pxであるためです。ちょうど27でなければなりません。 html5 specificationから

：

の属性は、指定された場合、有効な非負整数である値を持っている必要があります。

ところで、これはCSSファイルに保存することをおすすめします。

他のエラーもあります.href属性href="tel:+1 929 425 3919"は無効です。これらのエラーを取り除くには、html validatorを使用してください。