Javascript Owl Carousel.js和引导主题

Javascript Owl Carousel.js和引导主题,javascript,jquery,twitter-bootstrap,owl-carousel,Javascript,Jquery,Twitter Bootstrap,Owl Carousel,我使用的是Bootstrap自由职业者主题(),并希望加入自己的Carousel.js() 我想点击一个图像,并在模式窗口中打开,然后能够在图像之间左/右滚动 一切似乎都是工作除了图像打开非常小的开始,直到我调整窗口大小,然后轰-好!似乎是在模态窗口的初始加载时出现了一些问题,但是当我对窗口大小进行任何更改时,例如按F12键(对于开发工具),图像就会调整大小并看起来很好。有什么建议吗?这可能是css或js问题吗 我的html <!-- Portfolio Modals --> <

我使用的是Bootstrap自由职业者主题(),并希望加入自己的Carousel.js()

我想点击一个图像,并在模式窗口中打开,然后能够在图像之间左/右滚动

一切似乎都是工作除了图像打开非常小的开始,直到我调整窗口大小,然后轰-好!似乎是在模态窗口的初始加载时出现了一些问题,但是当我对窗口大小进行任何更改时,例如按F12键(对于开发工具),图像就会调整大小并看起来很好。有什么建议吗?这可能是css或js问题吗

我的html

<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">


                    <div class="modal-body">
                        <h2>Project Title</h2>
                        <hr class="star-primary">  

                        <div class="owl-carousel">
                        <div><img src="img/portfolio/cabin.png"> </div>
                        <div><img src="img/portfolio/cake.png"> </div>
                        <div><img src="img/portfolio/circus.png"> </div>
                        </div>               

                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

感谢您的帮助或建议。

我找到了答案,希望它能帮助其他人,这是事件的一个问题-根据引导文档,它不是
show.bs.modal
而是
show.bs.modal


此外,您还需要在开发者网站上提供自动刷新插件。

我找到了答案,希望它能帮助其他人,这是事件的一个问题-根据引导文档,它必须是
show.bs.modal
,而不是
show.bs.modal


此外,您还需要在开发者网站上提供自动刷新插件。

我找到了答案,希望它能帮助其他人,这是事件的一个问题-根据引导文档,它必须是
show.bs.modal
,而不是
show.bs.modal


此外,您还需要在开发者网站上提供自动刷新插件。

我找到了答案,希望它能帮助其他人,这是事件的一个问题-根据引导文档,它必须是
show.bs.modal
,而不是
show.bs.modal


此外,您还需要在开发者网站上提供自动刷新插件。

旋转木马非常灵活。不过,另一方面,加入CSS可能会有好处。谢谢Aibrean-现在更新了CSS和进度!是的,这是非常光滑-将是可怕的,让它为我的投资组合网站工作!那个旋转木马很光滑。不过,另一方面,加入CSS可能会有好处。谢谢Aibrean-现在更新了CSS和进度!是的,这是非常光滑-将是可怕的,让它为我的投资组合网站工作!那个旋转木马很光滑。不过,另一方面,加入CSS可能会有好处。谢谢Aibrean-现在更新了CSS和进度!是的,这是非常光滑-将是可怕的,让它为我的投资组合网站工作!那个旋转木马很光滑。不过,另一方面,加入CSS可能会有好处。谢谢Aibrean-现在更新了CSS和进度!是的,这是非常光滑-将是可怕的,让它为我的投资组合网站工作!
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
owl.carousel.css
owl.theme.default.css
bootstrap.min.css