zoukankan      html  css  js  c++  java
  • BootStrap实现图片轮播

    <div class="container">
            <div data-ride="carousel" id="carousel_container" class="carousel slide">
              <!-- 图片容器 -->
              <div class="carousel-inner">
                <div class="item"><img src="images/1.jpg" style="500px height:100px"></div>
                <div class="item active"><img src="images/2.jpg"></div>
                <div class="item"><img src="images/3.jpg"></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>
  • 相关阅读:
    运算符
    初始编码
    python文件操作
    波士顿房价预测
    机器学习基础-数理统计
    linux基础命令--userdel 删除用户帐户和相关文件
    linux基础命令--rmdir 删除空目录
    linux基础命令--groupdel 删除群组
    linux基础命令--groupadd 创建新的群组
    linux基础命令--groupmod 修改组定义
  • 原文地址:https://www.cnblogs.com/liuguokun/p/5373507.html
Copyright © 2011-2022 走看看