html - 使 css 3d 响应

标签 html css twitter-bootstrap responsive-design media-queries

<分区>

你好,

这是我想用于我的元素的代码。 http://desandro.github.com/3dtransforms/examples/carousel-02-dynamic.html DeSandro 的 3D 变换。

我的任务是让它接近全屏(例如 1024x768 像 900x700)并让它响应。

问题是:

1)可以用bootstrap完成吗?我尝试了 Bootstrap 容器/行/跨度,但它们都搞砸了。

2) http://css-tricks.com/snippets/css/media-queries-for-standard-devices/我发现了这个媒体查询。它们足以使其响应吗?还是永远不够?

我试图将代码复制到 http://jsfiddle.net/但我猜它在那里不起作用

最佳答案

我认为从您的描述中可以清楚地看出您想要一个 Jquery 3d 响应式轮播... 那么为什么使用 bootstrap 是没有用的...只需根据您的要求附加一个 jquery 插件..

检查这个插件...

http://coolcarousels.frebsite.nl/c/51/

此处的响应部分可以通过使用媒体查询来完成,它们也有很多示例,您可以从中选择...

关于html - 使 css 3d 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15307727/

上一篇:html - 调整导航栏+页脚大小时出现故障

下一篇:html - 将 div 放在对面的单行中

相关文章:

html - 如何垂直对齐当前使用列中的 bootstrap 4 类 img-fluid 的图像?

jquery - Bootstrap 4下拉列表在具有溢出X自动父级的父级中

javascript - 如何使用 JavaScript 在表格单元格内写入电子邮件地址?

javascript - 当代码放置在 Joomla 文章中时,Jquery 拖放在 Chrome 浏览器中无法正常工作

css - 背景图像 - 在容器中制作全宽图像

javascript - Jquery PHP每10秒刷新一次背景图片

javascript - 使用 Javascript 渲染元素来加快页面速度?

javascript - 将有选项显示图像而不是 Bootstrap 多选中的选定文本

javascript - 遍历数组时,第一个值始终为 "undefined"

javascript - 如何创建除顶部 70px 之外的整页覆盖?