Twitter bootstrap 3 如何制作水平图标旋转木马

Twitter bootstrap 3 如何制作水平图标旋转木马,twitter-bootstrap-3,Twitter Bootstrap 3,我在这个网站上找到了推特引导,我该如何使用它呢 我甚至不知道它叫什么或者怎么开始 谢谢不确定您对引导有多熟悉,但您基本上需要: 文档非常简单,如果您想自定义外观,只需在您自己的custom.CSS文件中覆盖默认CSS(确保在默认引导文件之后包含它) 你也可以在网站上找到一个完整的例子 示例的源代码应该在引导源代码中(文档/示例)您提供的链接是wordpress主题,我尽了最大努力复制该样式并反映在引导代码中。最后,我成功地使用了css和jQuery的组合。 下面是我对相同样式的代码 请注意,我

我在这个网站上找到了推特引导,我该如何使用它呢

我甚至不知道它叫什么或者怎么开始


谢谢

不确定您对引导有多熟悉,但您基本上需要:

文档非常简单,如果您想自定义外观,只需在您自己的custom.CSS文件中覆盖默认CSS(确保在默认引导文件之后包含它)

你也可以在网站上找到一个完整的例子


示例的源代码应该在引导源代码中(文档/示例)

您提供的链接是wordpress主题,我尽了最大努力复制该样式并反映在引导代码中。最后,我成功地使用了cssjQuery的组合。 下面是我对相同样式的代码

请注意,我已经使用了2个css文件,为了完美地运行旋转木马,您还需要包括这些文件,在上面的第行中给出了相同的链接!DOCTYPE Html.Rest所有文件都是CDN,因此您不必担心它们

Jquery代码片段
$(“.home solutions nav left”)。单击(函数(){
$(“.home解决方案项”).animate({
左:“-=250px”
},
10、功能(){
/*动画完成后要做的事情*/
var length=parseInt($(“.home解决方案项”).css('left');
如果(长度<-1250){
resetLeft();
};
});
});
函数resetLeft(){
$(“.home解决方案项”).css('left','0px');
}
$(“.home solutions nav right”)。单击(函数(){
$(“.home解决方案项”).animate({
左:“+=250px”
},
10、功能(){
/*动画完成后要做的事情*/
var length1=parseInt($(“.home solution items”).css('left');
如果(长度1>=0){
resetRight();
};
});
});
函数resetRight(){
$(“.home solution items”).css('left','-1500px');
}
。主解决方案项{
左:0px;
}

我对bootstrap有点陌生,我知道我应该使用carousel,但我不知道如何自定义它,以便我可以在同一视图中放置多个图标,就像我所包含的示例一样,给我一个指向纪录片的链接并不是我所期望的