zoukankan      html  css  js  c++  java
  • BootStrap2学习日记23---图片轮播

        <div id="carousel1" class="carousel slide">
        <div class="carousel-inner">
        <div class="item active">
        <img src="http://placehold.it/940x360/&text=Picture-1"/>
        <div  class="carousel-caption">
        <h1 style="color:#CCC">标题1</h1><!--文字显示在图片上面&半透明黑色-->
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>
        </div>
       
       
           <div class="item"> 
        <img src="http://placehold.it/940x360/&text=Picture-2"/>
        <div class="carousel-caption">
        <h1 style="color:#CCC">标题2</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation .</p>
        </div>
        </div>
        
        <div class="item"> 
        <img src="http://placehold.it/940x360/&text=Picture-3"/>
        <div class="carousel-caption">
        <h1 style="color:#CCC">标题3</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, .</p>
        </div>
        </div>
        
        <div class="item"> 
        <img src="http://placehold.it/940x360/&text=Picture-4"/>
        <div class="carousel-caption">
        <h1 style="color:#CCC">标题4</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </p>
        </div>
        </div>
        </div>
        <a href="#carousel1" data-slide="prev" class="left carousel-control"><</a>
        <a href="#carousel1" data-slide="next" class="right carousel-control">></a>
        </div>

  • 相关阅读:
    Linux驱动之Framebuffer子系统基础知识
    C/C++语言常见面试题汇总
    转载-Linux驱动面试题汇总
    nginx服务在html中嵌入php代码无法显示问题
    关于strsep函数以及联想
    system替代函数
    system问题总结记录
    C语言-判断文件是否存在
    vue常见表单信息收集
    sublime 设置格式化快捷键
  • 原文地址:https://www.cnblogs.com/keiling/p/3640822.html
Copyright © 2011-2022 走看看