bootstrap入门例子

 

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title></title>
<link rel="stylesheet" href="bootstrap.min.css">
<style>
    body{
        padding-top: 50px;
    }
    .starter{
        padding: 40px 15px;
        text-align: center;
    }
</style>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">project</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">只用99行代码,你也可以像《冰雪奇缘》里的艾莎公主一样拥有冰雪魔法。
        虽然你不能在现实世界中肆意变出魔法,但却能在计算机的虚拟世界挥洒特效。</p>
</div>
</div>
</body>
</html>

 

posted @ 2020-01-08 14:24  zuiaimiusi  阅读(181)  评论(0编辑  收藏  举报