编辑bootstrap旋转木马

Question

我目前正在学习Web开发的绳索，并已开始使用Bootstrap，我目前正在轮播。我不喜欢设计，我发现an alternative carousel

我已经尝试了很多方法，我已阅读网站上的指南，但出于某种原因，我无法使其在我的网站上工作。有谁知道我会怎么去添加插件？

Answer 1

这里是什么让你开始：
http://jsfiddle.net/panchroma/hV3bT/

我从http://www.pixedelic.com/plugins/camera/下载的压缩包，然后检查了basic.htm页面。

如果你看看自举实例的HTML几乎是完全一样的，因为这下载的示例页面，除了没有把内容

<div class="fluid_container"> ... </div> 

我把它等同引导电网

内内

<div class="container"> 
<div class="row-fluid"> 
<div class="span12"> 

<!-- content here --> 

</div> 
</div> 
</div> 

然后我按照它们在basic.html示例中的顺序加载CSS和javascript文件。

我认为唯一的另一件事是，你会发现示例页面也有一些头脑风格。可能你唯一需要的是#back_to_camera div。

如果您在本例中需要关于CSS和javascript的更多信息，请转至jsFiddle并检查结果窗格的源代码。您将看到正在使用哪些CSS和JavaScript文件，它们的加载顺序以及头部额外的CSS和JavaScript。

我的例子是缺少一些图标......箭头之类的。一旦你安装了图像，你的网站上的JavaScript和CSS，我认为他们应该都很好。

希望这会有所帮助！

编辑：我加入这个额外的CSS迫使缩略图在第二轮播例子的底部显示水平

.camera_thumbs_cont ul{ 
width:100% !important; 
} 

.camera_thumbs_cont li 
{ 
display: inline !important; 
padding-right: 20px; 
}