左右控制器 为什么不在图片内部显示

来源:5-10 图片轮播--轮播图片的设计(三)

李大圣

2016-08-10 10:25

  <div id="slidershow" class="carousel">
    <ol class="carousel-indicators">
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ol>
    <!-- 设置轮播图片 -->
    <div class="carousel-inner">
        <div class="item active">
            <a href="##"><img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt=""></a>
            <div class="carousel-caption">
                <h3>图片标题1</h3>
                <p>描述内容1...</p>
            </div>
        </div>
        <div class="item">
            <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zj/zj_580145.jpg" alt=""></a>
            <div class="carousel-caption">
                <h3>图片标题2</h3>
                <p>描述内容2...</p>
            </div>
        </div>
        <div class="item">
            <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zqgq_580145.jpg" alt=""></a>
            <div class="carousel-caption">
                <h3>图片标题3</h3>
                <p>描述内容3...</p>
            </div>
        </div>
    </div>
    <a calss="left carousel-control" href="">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
  </div>

这样写有什么问题吗    是放在carousel容器里了啊

写回答 关注

1回答

  • 一颗菠萝
    2016-08-10 23:59:58
    已采纳
    <a calss="left carousel-control" href="">
            <span class="glyphicon glyphicon-chevron-left"></span>
    </a>

    class拼错了,你拼成calss了

    李大圣

    哦 真是大意 谢谢了 不过这并不能解决问题 我发现应该把<a>标签嵌套在上一层DIV中 才真正解决了问题 不然还是会显示在图片下标

    2016-08-11 01:08:10

    共 1 条回复 >

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128653 学习 · 296 问题

查看课程

相似问题