Просмотр исходного кода

云造价两列增加背景区分

outaozhen 6 лет назад
Родитель
Сommit
0b71ccf52d
2 измененных файлов с 41 добавлено и 34 удалено
  1. 3 0
      css/global.css
  2. 38 34
      software-buliding2.html

+ 3 - 0
css/global.css

@@ -676,4 +676,7 @@ body{
 .new-function{
   padding:15px 0;
   display:none;
+}
+.white-bg{
+  background:#fff;
 }

+ 38 - 34
software-buliding2.html

@@ -163,51 +163,55 @@
           <div class="ml-0 mr-0">
             <div class="row ml-0 mr-0">
               <div class="col-6 pl-0 pr-0">
-                <div class="software-detail-top">
-                  <div class="p-3">
-                    <div class="jumbotron bg-white mb-0 pb-1 pt-5">
-                      <div class="container">
-                        <h2 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">纵横建筑云计价</h2>
-                        <p class="lead ml-4"><span class="ml-4">免费的正版软件</span></p>
-                        <div class=""><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
-                        <hr class="my-4">
+                <div class="m-3 white-bg">
+                  <div class="software-detail-top">
+                    <div class="p-3">
+                      <div class="jumbotron bg-white mb-0 pb-1 pt-5">
+                        <div class="container">
+                          <h2 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">纵横建筑云计价</h2>
+                          <p class="lead ml-4"><span class="ml-4">免费的正版软件</span></p>
+                          <div class=""><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
+                          <hr class="my-4">
+                        </div>
                       </div>
+                          <p class="lead mt-3 mb-0">目前已提供:</p>
                     </div>
-                        <p class="lead mt-3 mb-0">目前已提供:</p>
                   </div>
-                </div>
-                <div class="autoHeightL3 " style="overflow: auto;">
-                  <div class="px-3">
-                    <div class="card card-block mb-4">
-                      <div class="card-body"><h3 class="card-title">重庆建筑(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
-                    </div>
-                    <div class="card card-block mb-4">
-                      <div class="card-body"><h3 class="card-title">江西建筑(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
-                    </div>
-                    <div class="card card-block mb-4">
-                      <div class="card-body"><h3 class="card-title">重庆建筑(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
+                  <div class="autoHeightL3 " style="overflow: auto;">
+                    <div class="px-3">
+                      <div class="card card-block mb-4">
+                        <div class="card-body"><h3 class="card-title">重庆建筑(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
+                      </div>
+                      <div class="card card-block mb-4">
+                        <div class="card-body"><h3 class="card-title">江西建筑(2017)</h3><p class="card-text">符合赣建价[2017]7号文</p></div>
+                      </div>
+                      <div class="card card-block mb-4">
+                        <div class="card-body"><h3 class="card-title">重庆建筑(2018)</h3><p class="card-text">符合渝建[2018]200号文</p></div>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
               <div class="col-6 pl-0 pr-0">
-                <div class="software-detail-top">
-                  <div class="p-3">
-                    <div class="jumbotron bg-white mb-0 pb-1 pt-5">
-                      <div class="container">
-                        <h2 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">纵横公路养护云版</h2>
-                        <p class="lead ml-4"><span class="ml-4"></span></p>
-                        <div class=""><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
-                        <hr class="my-4">
+                <div class="mt-3 mr-3 mb-3 white-bg">
+                  <div class="software-detail-top">
+                    <div class="p-3">
+                      <div class="jumbotron bg-white mb-0 pb-1 pt-5">
+                        <div class="container">
+                          <h2 class="display-5"><img src="images/building.png" width="36" class="mr-2 mb-1">纵横公路养护云版</h2>
+                          <p class="lead ml-4"><span class="ml-4"></span></p>
+                          <div class=""><a class="btn btn-primary btn-lg" href="#" role="button" data-toggle="modal" data-target="#phonebinding">点击免费使用</a></div>
+                          <hr class="my-4">
+                        </div>
                       </div>
+                          <p class="lead mt-3 mb-0">目前已提供:</p>
                     </div>
-                        <p class="lead mt-3 mb-0">目前已提供:</p>
                   </div>
-                </div>
-                <div class="autoHeightL3 " style="overflow: auto;">
-                  <div class="px-3">
-                    <div class="card card-block mb-4">
-                      <div class="card-body"><h3 class="card-title">重庆养护</h3><p class="card-text">根据《重庆市公路养护工程预算编制办法》([2018]渝非内字023号)、《重庆市公路养护工程预算定额》([2018]渝非内字022号)编制。</p></div>
+                  <div class="autoHeightL3 " style="overflow: auto;">
+                    <div class="px-3">
+                      <div class="card card-block mb-4">
+                        <div class="card-body"><h3 class="card-title">重庆养护</h3><p class="card-text">根据《重庆市公路养护工程预算编制办法》([2018]渝非内字023号)、《重庆市公路养护工程预算定额》([2018]渝非内字022号)编制。</p></div>
+                      </div>
                     </div>
                   </div>
                 </div>