标签：har viewport sheet dao hot hicon click title 核心
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--移动设备优先--> <title>bootstrap</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script language="JavaScript"> </script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-3"> <div data-ride="carousel" id="carousel_container" class="carousel slide"> <!--data-ride="carousel"开始就轮播--> <!--图片容器 --> <div class="carousel-inner"> <div class="item"> <img src="http://img4.imgtn.bdimg.com/it/u=3432487329,2901563519&fm=27&gp=0.jpg" alt="pic"/> <div class="carousel-caption"> <h4>标题</h4> <p>这里是内容。。。。。</p> </div> </div> <div class="item active"><img src="http://d.hiphotos.baidu.com/zhidao/pic/item/42a98226cffc1e1791f35a0e4990f603738de945.jpg"/></div> <div class="item"><img src="http://cdnq.duitang.com/uploads/item/201505/03/20150503090831_hrBkG.jpeg"/></div> </div> <!--小圆圈容器 --> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel_container"></li> <li data-slide-to="1" data-target="#carousel_container"></li> <li data-slide-to="2" data-target="#carousel_container"></li> </ol> <!--左右按钮容器 --> <a href="#carousel_container" data-slide="prev" class="left carousel-control"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a href="#carousel_container" data-slide="next" class="right carousel-control"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> <div class="col-md-9"></div> </div> </div> </body> </html>
标签：har viewport sheet dao hot hicon click title 核心
原文地址：http://www.cnblogs.com/ttzzyy/p/7622838.html
