是什么把一个响应标志为引导导航栏

所以，最简单的方法，我是小白，通过使用该模板的工作：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

是什么把一个响应标志为引导导航栏

回答

相关问题