jquery - 如何将两个元素插入到 Slick 的列表适合宽度的轮播中?

标签 jquery html css twitter-bootstrap slick.js

我正在使用 Slick 创建这样的用户个人资料卡:

尝试使用 Slick 库在轮播的同一行中添加两个 个人资料卡 时遇到问题。

我决定创建一个类 containercontainer-fluid 以创建足以包含两个 profile card 的宽度,但我不知道它不能。

Slick 可以响应我的个人资料卡片吗?

目前,我必须固定个人资料卡片宽度高度。因此,它在移动 UI 中变得损坏。

在我的笔中它显示为:

你可以在这里看到我的笔:

http://codepen.io/r0ysy0301/pen/xROzrB

最佳答案

<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <div class="regular slider slick-slider">

您的 html Bootstrap 结构完全错误。我可以重写代码,请用我的笔检查它....

你可以在这里看到我笔下的解决方案:

http://codepen.io/inewton/pen/ObXaPO

关于jquery - 如何将两个元素插入到 Slick 的列表适合宽度的轮播中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40607735/

相关文章:

html - 用 LESS 变量覆盖 navbar-inverse 样式

jquery - Owl Carousel 导航箭头在 WordPress 上不起作用

javascript - Openui5 中选项卡 View 数据持久性问题

javascript - 如何加载本地JSON文件?

jquery - 如何调整文本以适应容器而不会溢出 :auto

html - 文字转成图片

html - Chrome float 问题

javascript - onClick() -> Loading/onSuccess -> addClass 或 removeClass (JS)

php - 将 Canvas 图像保存到服务器

jquery - 在 jQuery 中获取表值