我是Bootstrap的新手,我在导航栏上面放置一个标题时遇到了麻烦.我需要有一个标题,当前网站的高度至少为70像素,同时我需要确保通过手机看到响应能力.我目前的代码是
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#index.html"><img src="img/navigationlogo.png" alt="Home"/></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active">
<a href="#index.html"><img src="img/Home_Button.png" width="24" height="21" alt="Home"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我认为我能做的是添加
<header></header>
Run Code Online (Sandbox Code Playgroud)
在导航栏上方并将我的徽标放在那里.
有人可以提供一个示例代码与css如何实现这一目标?我听说要维护一些最小填充,以便通过移动设备看到响应式导航.