zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    各种 SDk
    面试第一周
    KVC/KVO 的概述和使用
    How Many Tables HDU
    The Suspects POJ
    Wireless Network POJ
    Layout POJ
    The Shortest Path in Nya Graph HDU
    Extended Traffic LightOJ
    Tram POJ
  • 原文地址:https://www.cnblogs.com/zuiaimiusi/p/12166414.html
Copyright © 2011-2022 走看看