案例:Bootstrap案例     状态:可编辑再运行    进入横版
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<title>Bootstrap 实例 - 非导航链接</title>
6
<link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
7
<script src="/js/bootstrap/jquery.min.js"></script>
8
<script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
9
</head>
10
<body>
11
12
<nav class="navbar navbar-default" role="navigation">
13
  <div class="container-fluid">
14
    <div class="navbar-header">
15
      <a class="navbar-brand" href="#">W3xue教程</a>
16
    </div>
17
    <ul class="nav navbar-nav navbar-right">
18
      <li><a href="#"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
19
      <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
20
    </ul>
21
  </div>
22
</nav>
23
24
</body>

 运行结果 
 北美留学生论坛