BootStrap导航条

来源：互联网发布：软件开发架构编辑：程序博客网时间：2024/04/28 03:33

中文教程地址：http://caibaojian.com/bootstrap/

摘自《极客学院》

1、效果图：

2、html代码：

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,initial-scale=1">    <link rel="stylesheet" href="bootstrap.min.css">    <title>BootStrap</title>    <style>        body{            margin-top: 50px;            text-align: center;        }    </style></head><body>    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">        <div class="container">            <div class="navbar-header">                <a href="#" class="navbar-brand">Project Name</a>            </div>            <div id="navbar" class="collapse navbar-collapse">                <ul class="nav navbar-nav">                    <li class="active"><a href="#">Home</a></li>                    <li><a href="#">About</a></li>                    <li><a href="#">Contact</a></li>                </ul>            </div>        </div>    </nav>    <div class="container">        <div class="starter">            <h1>BootStrap Starter Template</h1>            <p class="lead">发放的萨芬的功夫管你呢瑞雯二闺女会计法给你就开始放大过节日问你个说法过放电fjdkaljfdkla</p>        </div>    </div></body></html>

0 0