Переглянути джерело

免费网络版位置调整

outaozhen 6 роки тому
батько
коміт
1c0e893825
2 змінених файлів з 24 додано та 15 видалено
  1. 4 1
      css/global.css
  2. 20 14
      software-list.html

+ 4 - 1
css/global.css

@@ -164,7 +164,6 @@ body{
   position:relative;
   background:#fff;
   padding:15px;
-  margin:0 15px 15px;
   height:90px;
   border:2px solid #fff;
   border-radius: 3px;
@@ -176,6 +175,10 @@ body{
   background:#ff6501;
   color:#fff;
   border:1px solid #ff6501;
+  display:block;
+}
+.free-content .btn-white{
+  display:none;
 }
 .free-right{
   position:absolute;

+ 20 - 14
software-list.html

@@ -157,28 +157,34 @@
           <div class="freewrap mt-3">
             <!-- <div class="free-title"><img src="images/mainlogo.png" class="mr-2">纵横造价免费网络版</div> -->
              <div class="pt-3">
-              <div class="media free-content">
-                  <img class="mr-3" src="images/product01.png" width="60" height="60" alt="公路造价(增值税)">
-                  <div class="media-body clearfix">
-                    <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
-                    <div class="software-body">
-                      <div class="software-bodyleft">
-                        <h5 class="software-title mb-1">纵横公路工程造价管理系统(2018定额网络版)</h5>
+              <div class="row">
+                <div class="col-6">
+                  <div class="media free-content ml-3 mb-3">
+                    <img class="mr-3" src="images/product01.png" width="40" height="40" alt="公路造价(增值税)">
+                    <div class="media-body clearfix">
+                      <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
+                      <div class="software-body">
+                        <div class="software-bodyleft">
+                          <h5 class="software-title mb-1">纵横公路造价(2018定额)免费网络版</h5>
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              <div class="media free-content">
-                  <img class="mr-3" src="images/product02.png" width="60" height="60" alt="公路造价(增值税)">
-                  <div class="media-body clearfix">
-                    <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
-                    <div class="software-body">
-                      <div class="software-bodyleft">
-                        <h5 class="software-title mb-1">广东公路造价编审系统(2018定额网络版)</h5>
+                <div class="col-6">
+                  <div class="media free-content mr-3 mb-3">
+                    <img class="mr-3" src="images/product02.png" width="40" height="40" alt="公路造价(增值税)">
+                    <div class="media-body clearfix">
+                      <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
+                      <div class="software-body">
+                        <div class="software-bodyleft">
+                          <h5 class="software-title mb-1">广东公路造价(2018定额)免费网络版</h5>
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
+              </div>
              </div>
           </div>
           <div class="software-list">