jquery - 侧面的 Bootstrap 轮播文本

标签 jquery css twitter-bootstrap

我正在使用 bootstrap carousel 插件,这是我现在拥有的代码。 http://pastie.org/8731842 .我希望通过将文本移动到右侧来改进轮播。 http://screencloud.net/v/35KC (您可以在 http://kickstarter.com 上查看示例)。我做了一个这样的临时版本 http://pastie.org/8731851但这不正是我想要的。我想要侧边栏来控制轮播。它与 kickstarters 旋转木马(右侧的链接)非常相似。

最佳答案

我想通了。只是一些样式编辑。这是添加的 CSS。

.carousel-inner > .item {
  padding-left: 300px;
}
.carousel-caption {
  border-radius: 0;
  width: 300px;
}
.carousel-inner > .item.active > img,
.carousel-inner > .item.active > a > img {
  border-radius: 0;
}
.carousel-control.left {
  left: 315px;
}

关于jquery - 侧面的 Bootstrap 轮播文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21769887/

相关文章:

javascript - jQuery.off 不使用变量函数名称

javascript - 我的 jquery 菜单焦点功能不工作

css - Twitter Bootstrap : how to align text on an image, 以便在调整浏览器大小时缩放?

css - 无法让页脚占据屏幕的其余部分

twitter-bootstrap - yii bootstrap + 小部件 TbButtonColumn + 小部件 TbButtonGroup

javascript - 有没有更优雅的方法将 css 应用于 "all elements but this one"?

jquery - Dojo 是否有与 jQuery.trigger() 等效的函数?

javascript - Append() 方法没有复制样式

javascript - 使用 Javascript 更改输入中子字符串的斜体和文本间距

css - 如何折叠 Bootstrap 列?