我是 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>
我认为我可以做的是添加
<header></header>
在导航栏上方并将我的 Logo 放在那里。
有人可以向我提供一个带有 css 的示例代码,告诉我如何实现这一点吗? 我听说要保留一些最小填充,以便在通过移动设备查看时响应式导航可以正常工作。
最佳答案
添加一个 header 标签并赋予它 "page-header"
类。这将为您的网站提供一个漂亮的小标题。
关于html - 向 Bootstrap 添加 header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15299150/