2016-09-13 8 views
0

のヘッダ限り応答ロゴ:フルハイト私は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> 

私は<!-- Branding Image -->

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

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

enter image description here

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

答えて

1

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

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

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

+0

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

+0

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

+0

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

関連する問題