案例:Bootstrap案例     状态:可编辑再运行    进入横版
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>导航栏的字形图标</title>
6
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
    <!-- Bootstrap -->
8
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">  
9
<style>
10
 body {
11
    padding-top: 50px;
12
    padding-left: 50px;
13
}
14
</style>
15
<!--[if lt IE 9]>
16
    <script src="https://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
17
<![endif]-->
18
</head>
19
<body>
20
    
21
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
22
    <div class="container">
23
        <div class="navbar-header">
24
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

 运行结果 
 北美留学生论坛