Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导转盘映像堆栈_Html_Twitter Bootstrap_Bootstrap Carousel - Fatal编程技术网

Html 引导转盘映像堆栈

Html 引导转盘映像堆栈,html,twitter-bootstrap,bootstrap-carousel,Html,Twitter Bootstrap,Bootstrap Carousel,我正在学习如何使用引导转盘。我的问题是,我的两个图像堆叠在一起。我已经把代码看了100遍了,但都不知道出了什么问题 <div id="filmSnurraID" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#filmSnurraID" data-slide-to="0" clas

我正在学习如何使用引导转盘。我的问题是,我的两个图像堆叠在一起。我已经把代码看了100遍了,但都不知道出了什么问题

 <div id="filmSnurraID" class="carousel slide" data-ride="carousel">

        <ol class="carousel-indicators">
            <li data-target="#filmSnurraID" data-slide-to="0" class="active"></li>
            <li data-target="#filmSnurraID" data-slide-to="1"></li>
        </ol>

        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="./frukt2.jpg" alt="Ett plan">
                <div class="carousel-caption"><h3>Ett plan</h3></div>
            </div>

            <div class="item">
                <img src="./frukt1.jpg" alt="Ett annat plan">
            </div>
        </div>

        <a class="left carousel-control" href="#filmSnurraID" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
        </a>

        <a class="right carousel-control" href="#filmSnurraID" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

  • Ett计划

    这里有什么问题?

    我猜想,您没有在代码中正确导入引导CSS。 正如您所看到的,我已经删除了引导CDN

    因此,请遵循以下步骤


    您所需要的只是,将css/脚本文件按正确的顺序堆叠

    CSS导入

  • 引导CSS CDN/文件导入
  • JS导入

  • Jquery CDN
  • 引导JS CDN(因为这取决于Jquery,因此需要首先加载Jquery)

  • 
    
  • Ett计划
    请添加一个JSFIDLE、Plunker、Codepen或代码片段(附带引导),以便更容易给出答案。也许这与你的定位有关。别担心,请把答案也投上去。谢谢,祝你好运。