2016-03-13 46 views
0

我想讓我的標誌重疊我的導航欄,但我不知道如何。我試圖增加圖片的大小,但沒有成功,導航欄剛剛放大。我也希望它在同一個div類中,否則它在移動版本的站點上不會很好。我將添加它看起來像什麼,我想要它和代碼的圖片。在此先感謝徽標重疊在引導twitter navbar

代碼: <!-- Navigation --> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <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> <img style="max-width:80px; margin-top:0px;" src="img/logo.png" class="logo navbar-brand"> <a class="navbar-brand" rel="home" href="index.html"><b>MY WEBSITE</b></a> </div>

+1

請通過提供JSFiddle或CodePen在代碼中添加一個起點,圖片不是開始的方式。另見http://stackoverflow.com/help/mcve – Roy

回答

0

給您的標誌類「標誌」的再加入:

.logo { 
position: fixed; 
top: 1em; 
left: 1em; 
display: inline; 
} 

解決您的導航欄,以及。

希望有幫助!

0

只要把標誌的導航欄的div之外。並將其對齊:0px left:0px。

或者,如果您始終想要左側的徽標,請將其向左浮動。