rem-ify blog example and clean a few visuals up

1 files changed, 14 insertions, 12 deletions

diff --git a/docs/examples/blog/index.html b/docs/examples/blog/index.html
index 9e2d1b7e7..3dcb8c493 100644
--- a/docs/examples/blog/index.html
+++ b/docs/examples/blog/index.html
@@ -24,22 +24,24 @@
 
     <div class="blog-masthead">
       <div class="container">
-        <nav class="blog-nav">
-          <a class="blog-nav-item active" href="#">Home</a>
-          <a class="blog-nav-item" href="#">New features</a>
-          <a class="blog-nav-item" href="#">Press</a>
-          <a class="blog-nav-item" href="#">New hires</a>
-          <a class="blog-nav-item" href="#">About</a>
+        <nav class="nav blog-nav">
+          <a class="nav-link active" href="#">Home</a>
+          <a class="nav-link" href="#">New features</a>
+          <a class="nav-link" href="#">Press</a>
+          <a class="nav-link" href="#">New hires</a>
+          <a class="nav-link" href="#">About</a>
         </nav>
       </div>
     </div>
 
-    <div class="container">
-
-      <div class="blog-header">
+    <div class="blog-header">
+      <div class="container">
         <h1 class="blog-title">The Bootstrap Blog</h1>
-        <p class="lead blog-description">The official example template of creating a blog with Bootstrap.</p>
+        <p class="lead blog-description">An example blog template built with Bootstrap.</p>
       </div>
+    </div>
+
+    <div class="container">
 
       <div class="row">
 
@@ -106,8 +108,8 @@
 
           <nav>
             <ul class="pager">
-              <li><a href="#">Previous</a></li>
-              <li><a href="#">Next</a></li>
+              <li><a href="#">Older</a></li>
+              <li class="disabled"><a href="#">Newer</a></li>
             </ul>
           </nav>