bootstrap 记录保留

来源：互联网发布：mac开机重设密码编辑：程序博客网时间：2024/06/05 08:41
<!DOCTYPE html><html lang="zh-CN"><head>    <!--字面字符编码-->    <meta charset="UTF-8">    <!--开启IE最高级别渲染引擎-->    <meta http-equiv="x-ua-compatible" content="IE=Edge">    <!--页面自适应初识缩放比例-->    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">    <!--标题-->    <title>bootstrap标题</title>    <!--Bootstrap样式文件-->    <link href="../css/bootstrap.css" rel="stylesheet">    <!--自定义样式-->    <link href="../css/size.css" rel="stylesheet">    <!--jquery脚本文件-->    <script src="../js/jquery-3.1.1.js" type="text/javascript"></script>    <!--bootstrap-->    <script src="../js/bootstrap.js"></script></head><body>    <!--导航栏-->    <ul class="navbar navbar-default navbar-fixed-top">        <div class="container-fluid">            <div class="navbar-header">                <a href="index.html" class="navbar-brand">                    <span class="glyphicon glyphicon-home"></span>                </a>                <!--按钮,触发整个导航栏展开-->                <button class="navbar-toggle" data-toggle="collapse" data-target="#divNav">                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                </button>            </div>            <!--导航栏-->            <div id="divNav" class="collapse navbar-collapse">                <ul class="nav navbar-nav">                    <li><a href="#info">基本信息</a></li>                    <li><a href="#skill">所会技能</a></li>                    <li><a href="#work">工作经验</a></li>                    <li><a href="#project">项目展示</a></li>                    <li><a href="#contact">请联系我</a></li>                </ul>            </div>        </div>    </ul>    <header class="page-header">        <h1>个人说明<small>Resume online</small> </h1>    </header>    <div class="divContent">        <div class="row">            <h2 id="info" class="lead">基本信息</h2>            <div class="col-sm-3">image</div>            <div class="col-sm-9">infomation</div>        </div>        <div class="row">            <h2 id="skill" class="lead">所会技能</h2>        </div>        <div class="row">            <h2 id="work" class="lead">工作经验</h2>        </div>        <div class="row">            <h2 id="project" class="lead">项目展示</h2>            <div class="col-sm-4">image</div>            <div class="col-sm-8">video</div>        </div>        <div class="row">            <h2 id="contact" class="lead">请联系我</h2>        </div>    </div>    <footer class="text-center">        <span>all images and contents</span>    </footer></body></html>
0 0