Update examples

cheton · cheton · commit 91e1dcd7d18b · 2017-02-08T14:06:20.000+08:00
diff --git a/docs/common.css b/docs/common.css
@@ -2,9 +2,6 @@ html, body {
     font-family: Arial, Helvetica, sans-serif;
     min-width: 800px;
 }
-.navbar .navbar-brand {
-    color: #f0f0f0;
-}
 .head {
     min-height: 400px;
     text-align: center;
diff --git a/docs/index.html b/docs/index.html
@@ -17,21 +17,34 @@
 <![endif]-->
 </head>
 <body>
-<div class="container">
-    <div class="row text-center" style="margin: 2em 0;">
-        <div class="col-xs-12" style="margin-bottom: 1em;">
-            <h1 class="page-title">react-infinite-tree</h1>
-            <h3>The <a href="https://github.com/cheton/infinite-tree">infinite-tree</a> library for React.&nbsp;<a href="https://github.com/cheton/react-infinite-tree">https://github.com/cheton/react-infinite-tree</a></h3>
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 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 class="navbar-brand" href="http://cheton.github.io/react-infinite-tree">react-infinite-tree</a>
         </div>
-        <div class="col-xs-12">
-            <a class="btn btn-default btn-lg" href="https://github.com/cheton/react-infinite-tree" role="button">View on GitHub</a>
+        <div class="navbar-right" style="margin: 0">
+            <a
+                class="btn btn-default navbar-btn"
+                href="https://github.com/cheton/react-infinite-tree"
+            >
+                <i class="fa fa-github fa-fw" style="font-size: 16px"></i>
+                GitHub
+            </a>
         </div>
     </div>
+</nav>
+<div class="container-fluid">
     <div class="row">
         <div class="col-md-12">
-            <!-- Classic -->
+            <h3>The <a href="https://github.com/cheton/infinite-tree">infinite-tree</a> library for React.</h3>
+            <br>
             <section id="classic">
-                <h2 class="page-header">Classic</h2>
                 <div class="container-fluid">
                     <div class="row" style="margin-bottom: 10px;">
                         <div class="col-xs-12">
