案例：Bootstrap案例     状态：可编辑再运行    进入横版
AخA
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap 实例</title>
6
    <meta name="viewport" content="width=device-width, initial-scale=1">
7
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
8
    <script src="/js/bootstrap/jquery.min.js"></script>
9
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
10
    <style>
11
        body {
12
            position: relative;
13
        }
14
        ul.nav-pills {
15
            top: 20px;
16
            position: fixed;
17
        }
18
        div.col-sm-9 div {
19
            height: 250px;
20
            font-size: 28px;
21
        }
22
        #section1 {color: #fff; background-color: #1E88E5;}
23
        #section2 {color: #fff; background-color: #673ab7;}
24
        #section3 {color: #fff; background-color: #ff9800;}

 运行结果　
　北美留学生论坛