web
/
index.html

<!DOCTYPE html>
<html>
    <head>
        <title>我的主页</title>
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    </head>
    <body>
        <div class="container">
            <div class="masthead">
        <h3 class="text-muted">~my~ blog</h3>
        <nav>
          <ul class="nav nav-justified">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#">关于我</a></li>
            <li><a href="#">文章</a></li>
            <li><a href="#">相册</a></li>
            <li><a href="#">留言</a></li>
          </ul>
        </nav>
      </div>
        <div>
            <h1>我的博客</h1>
        </div>
    </body>
</html>