fix

css/index.css

@@ -42,7 +42,7 @@ h2 {
     background-color: #ffaa22;
 }
 
-#donate_and_contributing {
+#donate {
     background: #ffe6c0;
 }
 
@@ -98,7 +98,7 @@ h2 {
     color:#663300;
 }
 
-#donate_and_contributing p {
+#donate p {
     font-size: 15px;
     line-height: 30px;
     margin-top:10px;
@@ -114,7 +114,7 @@ h2 {
 #humans .row .customAuthor{margin-bottom:4px;}
 #humans .row .customProfession{padding-top: 0px;color: #A8A8A8;font-size: 20px;}*/
 
-#donate_and_contributing {
+#donate {
     padding-bottom: 10px;
 }
 
@@ -129,16 +129,17 @@ h2 {
     padding: 5px 0;
 }
 
+
 /* 桌面端加大间距 */
 @media (min-width: 992px) {
-    #contact_and_links, #donate_and_contributing {
+    #contact_and_links, #donate {
         padding-top: 18px;
         padding-bottom: 20px;
     }
     #contact_and_links .row {
         margin-top: 30px;
     }
-    #donate_and_contributing .row {
+    #donate .row {
         margin-top: 20px;
     }
 
@@ -168,4 +169,38 @@ h2 {
     #download_wrapper {
         max-width: 400px;
     }
-}
\ No newline at end of file
+}
+
+@media(min-width: 768px) {
+    #contact {
+        float: left;
+    }
+    #links_wrapper {
+        margin-left: 380px;
+    }
+    #donate_text {
+        padding-right: 200px;
+        float: left
+    }
+    #donate_button {
+        margin-left: -200px;
+        float: right;
+    }
+}
+
+#contact, #donate_text, #donate_button, #links_wrapper {
+    padding-right: 15px;
+    padding-left: 15px;
+}
+
+#donate_text {
+    padding-left: 20px;
+}
+
+#links_wrapper {
+    margin-left: 10px;
+}
+#links > li {
+    padding: 5px 15px 0 0;
+}
+

index.html

@@ -92,14 +92,14 @@
 </div>
 <!-- /.container -->
 
-<section id="donate_and_contributing">
+<section id="donate">
     <div class="container">
         <h2>捐助</h2>
         <div class="row">
-            <div class="col-lg-8 col-md-8">
+            <div id="donate_text">
                 <p>Mycard属于非盈利项目，依靠众人的捐助维持运作。如果您可以提供捐助帮助服务持续运行，我们将不胜感激。</p>
             </div>
-            <div class="col-lg-4 col-md-4">
+            <div id="donate_button">
                 <a href="http://me.alipay.com/zh99998" target="_blank"> <img src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" /> </a>
             </div>
         </div>
@@ -140,12 +140,12 @@
     <div class="container">
         <h2>传送门</h2>
         <div class="row">
-            <div class="col-md-5 col-lg-5" id="contact">
+            <div id="contact">
                 <a href="https://github.com/mycard/mycard"><img src="img/github.png"></a>
                 <a href="https://plus.google.com/107594261950300262383/"><img src="img/googleplus.png"></a>
                 <a href="mailto:zh99998@gmail.com"><img src="img/mail.png"></a>
             </div>
-            <div class="col-md-7 col-lg-7">
+            <div id="links_wrapper">
                 <ul id="links" class="list-inline"></ul>
             </div>
         </div>