仅在某个宽度不正常的情况下播放旋转木马中的内容

时间:2015-12-08 19:22:37

标签: html css3 twitter-bootstrap-3

我只是在viewport宽度小于961px时尝试在旋转木马中显示内容。随着显示窗口变小,我看到我的内容水平显示(需要),然后垂直堆叠(不需要),然后一起消失(也是不足)。我不希望它垂直堆叠。只是水平,然后在旋转木马中显示。但如前所述,当它假设在旋转木马中时它会消失,我只能看到导航箭头。我还希望在旋转木马中将内容集中在一起。我相信我的media queries有问题,但我认为还有更多的问题。我可以使用jQuery来完成此任务吗?这是我创建的codepen的链接。 (仅供参考:导航箭头不会显示在codepen中,但我可以在浏览器窗口中看到它们)

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

1 个答案:

答案 0 :(得分:1)

检查此笔。我希望这就是你要找的东西。

将col-md用于中型屏幕,使用col-sm用于小屏幕,例如ipad和标签以及用于移动设备的col-x。

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

以上代码导致carousal消失

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