add css

feleventh · feleventh · commit 9b5a60df983b · 2015-12-30T10:08:58.000+08:00
add css
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -8,6 +8,7 @@
     <link href="/feed/" rel="alternate" title="{{ site.author }}" type="application/atom+xml" />
     <link rel="stylesheet" href="/media/css/style.css">
     <link rel="stylesheet" href="/media/css/highlight.css">
+    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
     <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   </head>
   <script type="text/javascript">
@@ -39,23 +40,43 @@
   <body onLoad="setInterval(setTimeSpan,1000);">
     <div id="container">
       <div id="main" role="main">
-        <header>
+        <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
+          <div class="container">
+            <div class="navbar-header">
+              <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+              </button>
+              <a href="../" class="navbar-brand">Home</a>
+            </div>
+            <nav id="bs-navbar" class="collapse navbar-collapse">
+              <ul class="nav navbar-nav">
+                <li>
+                  <a href="../categories//" >Categories</a>
+                </li>
+                <li>
+                  <a href="../tags//">Tags</a>
+                </li>
+                <li>
+                  <a href="../about/">About</a>
+                </li>
+                <li>
+                  <a href="../feed/">Subscribe</a>
+                </li>
+              </ul>
+            </nav>
+          </div>
         <h1>{{ page.title }}</h1>
         </header>
-        <nav>
-        <span><a title="home page" class="" href="/">Home</a></span>
-        <span><a title="categories" class="" href="/categories/">Categories</a></span>
-        <span><a title="tags" class="" href="/tags/">Tags</a></span>
-        <span><a title="about" class="" href="/about/">About</a></span>
-        <!-- <span><a title="links" class="" href="/links/">Links</a></span> -->
-        <span><a title="subscribe by RSS" class="" href="/feed/">Subscribe</a></span>
-        </nav>
+
         <article class="content">
         {{ content }}
         </article>
       </div>
 
-    <footer>
+    <footer class="bs-docs-footer">
         <p><small>Powered by <a href="https://github.com/mojombo/jekyll">Jekyll</a> & <a href="http://pages.github.com">GitHub</a> | Copyright 2012 - {{site.time | date:"%Y"}} by <a href="/about/">feleventh</a> | <span class="label label-info" id="timeSpan"></span></small></p>
     </footer>
 
