是什麼把一個響應標誌爲引導導航欄

所以，最簡單的方法，我是小白，通過使用該模板的工作：http://startbootstrap.com/template-overviews/freelancer/是什麼把一個響應標誌爲引導導航欄

我編輯它，並試圖獲得一些花裏胡哨工作更好。我想把我的標識放在標題中，讓它響應，我找不到其他答案，我在這裏找到了工作......我可能有點厚，實際上這可能是最大的問題。

將自適應徽標圖形放入自舉導航欄的最簡單方法是什麼？

這是我目前擁有的代碼。

</head> 

<body id="page-top" class="index"> 

<!-- Navigation --> 
<nav class="navbar navbar-default navbar-fixed-top"> 
<div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <a href="#" class="pull-left"><img src="images/My_logo_navbar.png" class="img-responsive"></a> 
     <div class="navbar-header page-scroll"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
</button> 
</div>

請指教。

來源

2015-09-04 SaintPaddy

添加

<div class="navbar-brand navbar-brand-left"><a href="index.html"><img src="images/My_logo_navbar.png"></a></div>

的</button>

這樣自舉後，自動定位在左上角的標誌。

將您的My_logo_navbar.png裁剪爲您想要的尺寸，並使用媒體查詢在較小的設備上更改其寬度或高度。如果你想要，你可以使用兩個navbar-brand類與單獨的ID。一個用於較大的屏幕，一個用於較小的屏幕。我總是將這個用於我的項目。

來源

2015-09-04 02:55:08 Sasith

謝謝Sasith，媒體查詢的代碼是什麼樣的？我無法在自舉中強調自己的不足。 – SaintPaddy

將「mobile-logo」作爲id添加到移動徽標，將「desktop-logo」添加到桌面徽標和Add＃mobile-logo {display：none;}，然後添加「@media和（max-width：767px）{ ＃desktop-logo {display：none;}＃mobile-logo {display：block;}}「to your css。 – Sasith

是什麼把一個響應標誌爲引導導航欄

回答

相關問題