Add carbon to docs

docs/_includes/ads.html

@@ -0,0 +1 @@
+<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DE27Y&placement=bootstrap-tablewenzhixinnetcn" id="_carbonads_js"></script>

docs/_includes/header.html

@@ -19,7 +19,8 @@
 <link href="https://unpkg.com/bootstrap-table@{{ site.current_version }}/dist/bootstrap-table.min.css" rel="stylesheet">
 <link href="../assets/css/docs.min.css" rel="stylesheet">
 <link href="../assets/css/sidenav.css?v={{ site.current_version }}" rel="stylesheet">
-<link href="../assets/css/style.css?v={{ site.current_version }}" rel="stylesheet">
+<link href="../assets/css/style.css?v={{ site.current_version }}&m=1" rel="stylesheet">
+<link href="../assets/css/ads.css" rel="stylesheet">
 
 <!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 <script src="../assets/js/ie-emulation-modes-warning.js"></script>

docs/_layouts/default.html

@@ -13,8 +13,15 @@
     <!-- Docs page layout -->
     <div class="bs-docs-header" id="content">
       <div class="container">
-        <h1>{% t page.title %}</h1>
-        <p>{% t page.lead %}</p>
+        <div class="row">
+          <div class="col-md-9">
+            <h1>{% t page.title %}</h1>
+            <div>{% t page.lead %}</div>
+          </div>
+          <div class="col-md-3">
+            {% include ads.html %}
+          </div>
+        </div>
       </div>
     </div>
 
@@ -36,7 +43,7 @@
         </div>
         {% unless page.fullwidth == true %}
         <div class="col-md-3">
-          <div id="sidenav">
+          <div id="sidenav"></div>
         </div>
         {% endunless %}
       </div>

docs/assets/css/ads.css

@@ -0,0 +1,104 @@
+#carbonads {
+    --width: 180px;
+    --font-size: 14px;
+}
+
+#carbonads {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    display: block;
+    overflow: hidden;
+    margin-bottom: 20px;
+    max-width: var(--width);
+    border-radius: 4px;
+    text-align: center;
+    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1);
+    background-color: hsl(0, 0%, 98%);
+    font-size: var(--font-size);
+    line-height: 1.5;
+}
+
+#carbonads a {
+    color: inherit;
+    text-decoration: none;
+}
+
+#carbonads a:hover {
+    color: inherit;
+}
+
+#carbonads span {
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+
+.carbon-img {
+    display: block;
+    margin-bottom: 8px;
+    max-width: var(--width);
+    line-height: 1;
+}
+
+.carbon-img img {
+    display: block;
+    margin: 0 auto;
+    max-width: var(--width) !important;
+    width: var(--width);
+    height: auto;
+}
+
+.carbon-text {
+    display: block;
+    padding: 0 1em 8px;
+}
+
+.carbon-poweredby {
+    display: block;
+    padding: 10px var(--font-size);
+    background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
+    text-transform: uppercase;
+    letter-spacing: .5px;
+    font-weight: 600;
+    font-size: 9px;
+    line-height: 0;
+}
+
+@media only screen and (min-width: 320px) and (max-width: 759px) {
+    #carbonads {
+        float: none;
+        margin: 0 auto;
+        max-width: 330px;
+    }
+
+    #carbonads span {
+        position: relative;
+    }
+
+    #carbonads>span {
+        max-width: none;
+    }
+
+    .carbon-img {
+        float: left;
+        margin: 0;
+    }
+
+    .carbon-img img {
+        max-width: 130px !important;
+    }
+
+    .carbon-text {
+        float: left;
+        margin-bottom: 0;
+        padding: 8px 20px;
+        text-align: left;
+        max-width: calc(100% - 130px - 3em);
+    }
+
+    .carbon-poweredby {
+        left: 130px;
+        bottom: 0;
+        display: block;
+        width: 100%;
+    }
+}

docs/assets/css/style.css

@@ -4,6 +4,16 @@
 .bs-docs-nav + p {
     margin-bottom: 0;
 }
+.bs-docs-header {
+    padding: 10px 0 0;
+}
+.bs-docs-header .col-md-9 {
+    padding: 20px 0 40px;
+}
+.bs-docs-header h1 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
 .edit-page-link {
     float: right;
     font-size: 16px;
@@ -47,4 +57,4 @@
 }
 .github-btn, .help-btn {
     vertical-align: bottom;
-}
+}

docs/home.md

@@ -19,10 +19,18 @@ title: pages.home.title
   </div>
 </main>
 
-<div class="bs-docs-featurette">
+<div>
   <div class="container">
-    <h2 class="bs-docs-featurette-title">{% t pages.home.sub_title %}</h2>
-    <p class="lead">{% t pages.home.sub_lead %}</p>
+    <div class="row">
+      <div class="col-md-9">
+        <h2 class="bs-docs-featurette-title">{% t pages.home.sub_title %}</h2>
+        <p class="lead">{% t pages.home.sub_lead %}</p>
+      </div>
+
+      <div class="col-md-3">
+        {% include ads.html %}
+      </div>
+    </div>
 
     <hr class="half-rule">