フルハイト私はlaravel払いから、このブートストラップのテーマ - ヘッダを持っているブートストラップ

のヘッダ限り応答ロゴ：フルハイト私はlaravel払いから、このブートストラップのテーマ - ヘッダを持っているブートストラップ

<body id="app-layout" style="background-color:#F5F5F5;"> 
     <nav class="navbar navbar-default navbar-static-top" style="background-color:white;"> 
      <div class="container"> 
       <div class="navbar-header"> 

        <!-- Collapsed Hamburger --> 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse"> 
         <span class="sr-only">Toggle Navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 


        <!-- Branding Image --> 
        <a class="navbar-brand" href="{{ url('/') }}"> 
        <p>NameOfBrand</p> 
        </a> 

       </div> 
       ... 
      </div> 
     </nav>

私は

<img class="navbar-brand" src="images/logoName.svg"></img>

しかし、結果が出た後、私のロゴを追加しますロゴが非常に小さいので、たとえベクトル形式であっても認識することができます。

ヘッダがあるのと同じ高さにヘッダ内のロゴを作る、あるいは少なくとも十分にそれは大きな作り方私の質問。

出典

2016-09-13 DomainFlag

あなたはあなたのロゴの特定の高さに設定する必要があります

.navbar-brand { 
    height: 50px; 
    width: 50px; 
}

や使用割合：私はそうと値を上昇すればhttp://jsfiddle.net/QrrpB/2551/

出典

2016-09-13 17:08:47

わずかな検証を、ヘッダがロゴ自体にも高さに上昇します。そして、ロゴが高くなるヘッダートップにはマージンがあります。 – DomainFlag

フィドルで答えを更新しました。 –

しかし、どのようにズームしてもいなくても、この画像を反応させることができますか？ – DomainFlag

フルハイト私はlaravel払いから、このブートストラップのテーマ - ヘッダを持っているブートストラップ

答えて

関連する問題