diff --git a/index.html b/index.html
index 850516c..c885d69 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,7 @@
           <h2 class="featurette-heading">Marboo<span class="text-muted"></span></h2>
           <p class="lead text-muted">The Professional Markup Language File Previewer.</p><br><br>
         </div>
-        <div align="center" class="col-md-12"><img src="http://medis.qiniudn.com/1.jpg" style="width:80%" alt="Marboo Markdown Preview" class="featurette-image img-responsive"></div>
+        <div align="center" class="col-md-12 col-12"><img src="http://medis.qiniudn.com/1.jpg" style="width:80%" alt="Marboo Markdown Preview" class="featurette-image img-responsive"></div>
         <div align="center" class="col-md-7"><img src="http://medis.qiniudn.com/Marboo-Pro.png" style="width:20%;margin-top:100px" alt="Marboo App Icon" class="featurette-image img-responsive">
           <h2 style="font-size:30px;margin-bottom:20px">Marboo Pro for Mac</h2>
           <h3 style="font-size:20px;margin-bottom:20px">$6.99 on the Mac App Store</h3>
@@ -100,7 +100,7 @@ <h2 style="font-size:30px;margin-bottom:20px">Marboo for Mac</h2>
       <hr style="margin:70px 0" class="featurette-divider">
       <!-- Three columns of text below the carousel-->
       <div class="row">
-        <div class="col-lg-4"><img src="/.media/marboo.io/icons/hash.png" alt="Generic placeholder image" width="60px" height="60px">
+        <div class="col-lg-4"><img class="img-fluid" src="/.media/marboo.io/icons/hash.png" alt="Generic placeholder image" width="60px" height="60px">
           <h2>Multi Markup Languages Supported</h2>
           <p class="text-muted">support Markdown、reStructuredText、Org-mode、txt2tag、Textile.</p>
           <!-- p// a.btn.btn-default(href=link, role='button') View details »
@@ -142,14 +142,14 @@ <h2 class="featurette-heading">file editors supported<span class="text-muted"></
         <div class="col-md-8"><img src="/.media/marboo.io/images/marboo-preview.jpg" alt="Generic placeholder image" class="featurette-image img-responsive"></div>
         <div class="col-md-4">
           <h2 class="featurette-heading">Preview in real time<span class="text-muted"></span></h2>
-          <p class="lead">once file saved，the preview will update immediately.</p>
+          <p class="lead">once file saved，then the preview will update immediately.</p>
         </div>
       </div>
       <hr class="featurette-divider">
       <div class="row featurette">
         <div class="col-md-4">
           <h2 class="featurette-heading">Terminal supported<span class="text-muted"></span></h2>
-          <p class="lead">responsibility for Terminal command，such as create, delete, modified for file and folder.</p>
+          <p class="lead">Responsibility for Terminal command，such as create, delete, modified for file and folder.</p>
         </div>
         <div class="col-md-8"><img src="/.media/marboo.io/images//marboo-with-terminal.png" alt="Generic placeholder image" class="featurette-image img-responsive"></div>
       </div>
@@ -158,7 +158,7 @@ <h2 class="featurette-heading">Terminal supported<span class="text-muted"></span
         <div class="col-md-8"><img src="/.media/marboo.io/images/marboo-code-highlight.png" alt="Generic placeholder image" class="featurette-image img-responsive"></div>
         <div class="col-md-4">
           <h2 class="featurette-heading">Syntax Highlight for code file<span class="text-muted"></span></h2>
-          <p class="lead">all code file can show syntax highlight by Pygments.</p>
+          <p class="lead">All codes file can show syntax highlight by Pygments.</p>
         </div>
       </div>
       <hr class="featurette-divider">
@@ -238,4 +238,4 @@ <h2 style="font-size:30px;margin-bottom:20px">Marboo for Mac</h2>
     <script src="/.media/marboo.io/js/bootstrap.min.js"></script>
     <script src="/.media/marboo.io/js/holder.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>