css - 如何创建一个Bootstrap slider 来展示最近的博客文章?

标签 css wordpress twitter-bootstrap

我想为最近的博客帖子创建一个三幻灯片滑块。

我有一个Bootstrap静态主页和一个管理其余页面和博客的Wordpress博客站点。

从长远来看,我的计划是在Bootstrap上构建整个站点,但是现在,该主页将链接到该站点的其余部分。

我想为主页构建一个“最近的博客文章”部分,但是还没有弄清楚如何设置我想要的滑块。

| -幻灯片1-| -幻灯片2-| -幻灯片3-|

这些幻灯片应:


从左到右水平滑动
可点击http://www.modernanimal.co/blog上的博客文章
成为最新的三个帖子,并在添加新帖子时进行更新


我花了很多时间在网上研究解决方案。但是我还没有看到任何现场示例,因此,基于有限的知识/技能,很难知道我到底在追求什么。

我真的可以使用HTML代码段来入门,或者对可能有用的教程提出建议。

提前致谢。

最佳答案

如果您不介意将jQuery添加为依赖项,那么Owl Carousel似乎可以满足您的需求。

它主要针对幻灯片,但也适用于常规内容,特别是以下示例:

https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

关于css - 如何创建一个Bootstrap slider 来展示最近的博客文章?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41385794/

相关文章:

html - 中心 A Div 部分

html - 如何使菜单在平板电脑模式下可折叠(最小宽度 : 768px) and (max-width: 991px)?

php - 移动 php the_title 的位置

ios - bootstrap - IOS 上没有滚动条?

twitter-bootstrap - Bootstrap "zebra-striped"表类不起作用

javascript - 使用javascript设置svg路径数据

html - 下拉菜单坏了

css - 我可以为 css 写一个循环吗

php - 如何在 wordpress 主题的下拉菜单中隐藏图像?

html - 使用 Parsley 2.x 和 Bootstrap 3 错误消息范围的错误放置