Bootstrap幻灯片(轮播)指示灯不起作用

时间:2017-02-14 21:43:17

标签: html css twitter-bootstrap

我刚刚编写了bootstrap carousel,但是我无法获得滚动指示符(左,右)。

请找到下面的代码段

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width; initital-scale=1">
    <title> Bootstrap Example</title>

    <!-- Bootstrap References -->

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script src="index.js"></script>
    <link href="index.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div id="mySlider" class="carousel slide" data-ride="carousel">

                    <!-- .nav's buttons on the bottom -->
                    <ol class="carousel-indicators">
                      <li data-target="#mySlider" data-slide-to="0" class="active"></li>
                      <li data-target="#mySlider" data-slide-to="1"></li>
                    </ol>

                    <!-- Image slides -->
                    <div class="carousel-inner" role="listbox">

                        <div class="item active">
                            <figure>
                                <img width=500px height=500px src="http://www.hdwallpapersfreedownload.com/uploads/large/fruits/orange-fruit-with-leaf-hd.jpg" alt="Slide1">
                                <!--<div class="carousel-caption">This is a fruit leaf</div>-->
                            </figure>
                            <figcaption class="carousel-caption">This is a fruit leaf</figcaption>
                        </div>

                        <div class="item">
                            <figure>
                                <img width=500px height=500px src="http://www.greatgrubclub.com/domains/greatgrubclub.com/local/media/images/medium/4_1_1_kiwi.jpg" alt="Slide2">
                                <!--<div class="carousel-caption">This is a fruit leaf</div>-->
                            </figure>
                            <figcaption class="carousel-caption">KIWIf</figcaption>
                        </div>

                    </div> <!-- END: Image slides -->


                    <!-- Slide buttons (left,right) buttons -->
                    
                    <a class="left coursel-control" href="#mySlider" role="button" data-slide="prev">
                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                          <span class="sr-only">Previous</span>
                    </a>
                    <a class="right coursel-control" href="#mySlider" role="button">
                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
                    </a>

                </div> <!-- END: Slider -->
            </div>
        </div>
    </div>
</body>

</html>

我得到了滚动,除了右侧“指示符”之外的所有内容都没有出现

我做错了什么?

由于

1 个答案:

答案 0 :(得分:2)

添加了默认字形,并且您在右侧/下一个箭头上缺少def k_folds(k: Int, vv: Seq[Int]): Stream[Seq[Int]] = if (k > 1) vv.take((vv.size+k/2)/k) +: k_folds(k-1, vv.drop((vv.size+k/2)/k)) else Stream(vv) 属性。

&#13;
&#13;
scala> val indices = scala.util.Random.shuffle(1 to 39)

scala> for (ff <- k_folds(7, indices)) println(ff)
Vector(29, 8, 24, 14, 22, 2)
Vector(28, 36, 27, 7, 25, 4)
Vector(6, 26, 17, 13, 23)
Vector(3, 35, 34, 9, 37, 32)
Vector(33, 20, 31, 11, 16)
Vector(19, 30, 21, 39, 5, 15)
Vector(1, 38, 18, 10, 12)

scala> for (ff <- k_folds(7, indices)) println(ff.size)
6
6
5
6
5
6
5

scala> for (ff <- indices.grouped((indices.size+7-1)/7)) println(ff)
Vector(29, 8, 24, 14, 22, 2)
Vector(28, 36, 27, 7, 25, 4)
Vector(6, 26, 17, 13, 23, 3)
Vector(35, 34, 9, 37, 32, 33)
Vector(20, 31, 11, 16, 19, 30)
Vector(21, 39, 5, 15, 1, 38)
Vector(18, 10, 12)

scala> for (ff <- indices.grouped((indices.size+7-1)/7)) println(ff.size)
6
6
6
6
6
6
3
&#13;
&#13;
&#13;