html - 仅以特定宽度在轮播中显示内容不起作用

标签 html css twitter-bootstrap-3

仅当 viewport 宽度小于 961px 时,我才尝试在轮播中显示内容。随着显示窗口变小,我看到我的内容水平显示(需要),然后垂直堆叠(不需要)然后一起消失(也不需要)。我不希望它垂直堆叠。只是水平,然后显示在轮播中。但如前所述,当它应该在旋转木马中时它就会消失,我只能看到导航箭头。我还希望内容在旋转木马中居中。我相信我的 media queries 有问题,但我也认为问题不止于此。我可以使用 jQuery 来完成这个吗?这是我创建的代码笔的链接。 (仅供引用:导航箭头未显示在代码笔中,但我可以在浏览器窗口中看到它们)

http://codepen.io/anon/pen/KVwGeB

最佳答案

检查这支笔。我希望这就是您要找的。

col-md 用于中等屏幕,col-sm 用于小屏幕,例如 ipad 和 tabs,col-xs 用于移动设备。

div#why-cs div:nth-child(1){
  display: none;
  }

上面的代码导致carousal消失

http://codepen.io/jinukurian7/pen/RrNzoL

关于html - 仅以特定宽度在轮播中显示内容不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34164256/

相关文章:

php - esc_html 的使用有多重要以及何时应该使用它?

php - 更改 PHP 网站中每个页面的元数据

java - Paypal 沙盒立即购买问题

html - 如何让section和aside接触页脚?

html - Bootstrap 3 导航栏右边距不应该是 -15px

jquery - BootStrap 3.X Radio ButtonGroup - 获取当前选中按钮的 OnClick 触发方法

javascript - onClick 具有多种功能

javascript - Bootstrap - 模式不工作

css - 2 个 div,100% 减去 250px 宽度可能吗?

css - Bootstrap 视频播放器