"Untitled"
Bootstrap 4.1.1 Snippet by xxx9527

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>西部机场</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> </head> <style> * { margin: 0; padding: 0; } /* 移动端 */ @media screen and (max-width: 850px) { /*小于850px*/ .downimg { display: flex; justify-content: space-between; margin: 10px; } /* .img { width: 35px; height: 60px; } */ /* 取消a标签下划线 */ a { text-decoration: none } } </style> <body style="background: #fff;"> <div class="content"> <!--移动端--> <div class="downimg"> <a href="https://ribao.westaport.com:8083/dataviz-web/src/q.html?s=661a8790e7ad8a65&showMobileDirect=true" style="background-color: #efcd96;width: 200px;height: 100px;border-radius: 10px;display: flex;justify-content: center;align-items: center;"> <span style="color: #fff;">陕西值班</span> <img class="img" src="/static/picture/sx.png" alt=""> </a> <a href="https://ribao.westaport.com:8083/dataviz-web/src/q.html?s=44dc60f8a2f5ad33&showMobileDirect=true" style="background-color:#afbde4 ;width: 200px;height: 100px;border-radius: 10px;display: flex;justify-content: center;align-items: center;margin-left: 10px;"> <span style="color: #fff;">甘肃值班</span> <img src="/static/picture/gs.png" alt=""> </a> </div> <div class="downimg"> <a href="https://ribao.westaport.com:8083/dataviz-web/src/q.html?s=a5ccc9a8ddb29d86&showMobileDirect=true" style="background-color: #f1bfb4;width: 200px;height: 100px;border-radius: 10px;display: flex;justify-content: center;align-items: center;"> <span style="color: #fff;">宁夏值班</span> <img class="img" src="/static/picture/nx.png" alt=""> </a> <a href="https://ribao.westaport.com:8083/dataviz-web/src/q.html?s=e157b40759726b1a&showMobileDirect=true" style="background-color: #65c0ff;width: 200px;height: 100px;border-radius: 10px;display: flex;justify-content: center;align-items: center;margin-left: 10px;"> <span style="color: #fff;">青海值班</span> <img class="img" src="/static/picture/qh.png" alt=""> </a> </div> </div> </body> </html>

Related: See More

Material Dashboard Pro Angular

Questions / Comments: