Javascript 引导转盘显示全部空白

Javascript 引导转盘显示全部空白,javascript,html,css,twitter-bootstrap-3,carousel,carousel.js,Javascript,Html,Css,Twitter Bootstrap 3,Carousel,Carousel.js,控制台显示的每个元素都是它应该在的位置,但是没有显示任何东西,就像所有的东西都在白色的毯子下一样,我从来没有见过这种问题,也不知道它可能是什么。奇怪的是,甚至连图片都没有出现 这是密码 旋转木马 旋转木马子标题。 可移动的 点燃 药片 笔记本电脑 免责声明:我不太熟悉,但我改变了这一点: class="carousel fade" 进入: 这至少使幻灯片出现。免责声明:我不太熟悉,但我改变了这一点: class="carousel fade" 进入: 这至少会使滑动图片出

控制台显示的每个元素都是它应该在的位置,但是没有显示任何东西,就像所有的东西都在白色的毯子下一样,我从来没有见过这种问题,也不知道它可能是什么。奇怪的是,甚至连图片都没有出现

这是密码


旋转木马
旋转木马子标题。
  • 可移动的
  • 点燃
  • 药片
  • 笔记本电脑

  • 免责声明:我不太熟悉,但我改变了这一点:

    class="carousel fade"
    
    进入:


    这至少使幻灯片出现。

    免责声明:我不太熟悉,但我改变了这一点:

    class="carousel fade"
    
    进入:


    这至少会使滑动图片出现。

    您的HTML代码包含几个错误

    您当前的代码如下所示(采用Emmet样式):

    顺便说一下,在这种情况下,您根本不需要
    .col-md-12
    。最终的HTML结构如下所示:

    .container > .row > .col-md-6 + .col-md-6 > .carousel > .carousel inner
    
    第二个错误是
    .carousel
    上的
    .fade
    类。默认情况下,引导程序无法为旋转木马制作淡入淡出动画。
    fade
    类仅适用于模态组件。默认的转盘行为是滑动。因此,您需要将
    .slide
    类添加到
    .carousel
    元素中


    如果你想得到淡入淡出的效果,你可以试试别人的代码片段,比如中的。

    你的HTML代码中有几个错误

    您当前的代码如下所示(采用Emmet样式):

    顺便说一下,在这种情况下,您根本不需要
    .col-md-12
    。最终的HTML结构如下所示:

    .container > .row > .col-md-6 + .col-md-6 > .carousel > .carousel inner
    
    第二个错误是
    .carousel
    上的
    .fade
    类。默认情况下,引导程序无法为旋转木马制作淡入淡出动画。
    fade
    类仅适用于模态组件。默认的转盘行为是滑动。因此,您需要将
    .slide
    类添加到
    .carousel
    元素中


    如果你想得到淡入淡出的效果,你可以试试别人的代码片段,比如中的。

    请检查此
    [jsfiddle][1]


    可能对您有帮助

    请检查此
    [jsfiddle][1]


    可能对您有帮助

    您是否包含bootstrap.js javascript文件?是的,而且在我的实际站点上有一个工作的bootstrap滑块,所以我不知道有什么可以丢失。您是否包含bootstrap.js javascript文件?是的,而且在我的实际站点上有一个工作的bootstrap滑块,所以我不知道有什么可以丢失我在我的另一个项目中使用了自定义的“淡入淡出”类,我从该项目中复制了html,但没有将淡入淡出类包含在css中。谢谢你,我在我的另一个项目中使用了自定义的“淡入淡出”类,我从该项目中复制了html,但没有将淡入淡出类包含在css中。