响应式页面

    科技2022-07-11  95

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="../../css/bootstrap.css" /> <!--引入需要的JQ--> <script src="../../js/jquery-1.11.3.min.js" type="text/javascript"></script> <!--最新的 Bootstrap 核心 JavaScript 文件 --> <script src="../../js/bootstrap.js" type="text/javascript"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1000"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="../../img/1.jpg" alt="..."> <div class="carousel-caption"> <h3>盛大销售</h3> <p>快来抢购吧</p> </div> </div> <div class="item"> <img src="../../img/2.jpg" alt="..."> <div class="carousel-caption"> <h3>盛大销售</h3> <p>快来抢购吧</p> </div> </div> <div class="item"> <img src="../../img/3.jpg" alt="..."> <div class="carousel-caption"> <h3>盛大销售</h3> <p>快来抢购吧</p> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="row"> <div class="col-md-4"> <h3>标题一</h3> <p>内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一</p> <div align="center"><a href="../../一阶后台/QQ注册后台.html" class="btn btn-danger">了解更多</a></div> </div> <div class="col-md-4"> <h3>标题二</h3> <p>内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二</p> <div align="center"><a href="../../一阶后台/QQ注册后台.html" class="btn btn-danger">提出问题</a></div> </div> <div class="col-md-4"> <h3>标题三</h3> <p>内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三内容三</p> <div align="center"><a href="../../一阶后台/QQ注册后台.html" class="btn btn-danger">赞助我们</a></div> </div> </div> </body> </html>

    Processed: 0.017, SQL: 8