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>

  • 相关阅读:
    畜栏预定【贪心+小根堆】
    电影【离散化】
    最佳牛栏(前缀和+二分)
    防晒【贪心 + 平衡树】
    货仓选址【中位数】证明
    24个不易混淆的数字和字母,常用于密码或密钥
    win8上的新功能,不知道win7有木有,刚偶然发现的
    通过C#类库绘制正态分布的统计图(通用)
    C#组播消息收发
    使用c#类库绘制柱状图
  • 原文地址:https://www.cnblogs.com/keiling/p/3640822.html
Copyright © 2011-2022 走看看