Bootstrap Twitter導航欄中的徽標重疊

Question

我想讓我的徽標與導航欄重疊，但是我不知道如何。 我試圖增加圖片的大小，但沒有成功，導航欄只是放大了。 我也希望它在同一個div類中，因為否則它在網站的移動版本上不會很好。 我將添加有關其外觀，所需內容和代碼的圖片。 提前致謝

代碼： <!-- 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> <!-- 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>

Answer 1

給您的徽標添加“徽標”類，然后添加：

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

修復您的導航欄。

希望有幫助！

Answer 2

只需將徽標放在導航欄div之外即可。 並將其頂部對齊：0px，左側對齊：0px。

或者，如果您希望徽標始終在左側，則只需將其向左浮動即可。