bootstrap navbar

在写一个页面的时候,导航栏是必须的,当然,如果用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的文件,在测试的时候,如果嫌麻烦,可以引用百度静态库

百度cdn:http://cdn.code.baidu.com/

每个年龄,鞭策自己尽力前行的理由都不一样,大家且行且珍惜
原文地址:https://www.cnblogs.com/miss-saber/p/9408658.html