在写一个页面的时候,导航栏是必须的,当然,如果用bootstrap 来写,会很方便
对于运维开发的同学,这是需要掌握的一个技能
下面展示代码
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand"></a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">内容1</a></li>
<li><a href="#">内容2</a></li>
<li><a href="#">内容3</a></li>
<li><a href="#">内容4</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="login.html">登录</a></li>
<li><a href="signup.html">注册</a></li>
</ul>
</div>
</div>
以下为页面显示,当然,如果想要调整位置,style的优先级是比class高的,可以进行微调,但是不要去bootstrap的源码里更改属性
当前,前提是引入bootstrap的文件,在测试的时候,如果嫌麻烦,可以引用百度静态库