🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
岩兔站 https://yantuz.cn/category/%E8%B5%84%E6%BA%90%E5%88%86%E4%BA%AB ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>Document</title> <link href="https://cdn.staticfile.org/animate.css/3.7.0/animate.min.css" rel="stylesheet"> <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> *{ margin:0; padding:0; } body{ width: 100%; height: auto; overflow-x: hidden; background: #ccc; } </style> <script type="text/javascript"> $(function () { }) </script> </head> <body> <div class="nav" style="height: 100px;background: white;box-shadow: 0 0 10px #000;width: 100%;position: fixed;top: 0;z-index: 100;"> s </div> <div class="jumbotron" style="margin: 100px 0 0;background: url('http://pic.bmoon.net/img/city.jpg') no-repeat; background-size: cover;height: 500px;background-position: 0 -200px;"> <div class="container"> <h1>Hello, world!</h1> <p>...</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> </div> </div> <div class="nav" style="min-height: 300px;background: white;box-shadow: 0 0 0px #000;width: 100%; text-align: center;"> <div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div> <div class="row container" style="margin:0 auto;"> <div class="col-md-4 col-sm-6 "> <div class="thumbnail"> <img src="http://pic.bmoon.net/img/city.jpg" alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> </div> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="thumbnail"> <img src="http://pic.bmoon.net/img/city.jpg" alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> </div> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="thumbnail"> <img src="http://pic.bmoon.net/img/city.jpg" alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> </div> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="thumbnail"> <img src="http://pic.bmoon.net/img/city.jpg" alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> </div> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="thumbnail"> <img src="http://pic.bmoon.net/img/city.jpg" alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> </div> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="thumbnail"> <img src="http://pic.bmoon.net/img/city.jpg" alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> </div> </div> </div> </div> </div> </body> </html> ``` 干掉iphone