处理Twitter引导轮播的不同高度的图像和轮播中的图像链接

时间:2013-01-04 23:07:25

标签: twitter-bootstrap carousel

处理不同高度图像的最有效方法是什么?

a)我有很多图像,其中有几个比其他图像高。我想将它们限制在旋转木马的区域。但是,如果我明确定义轮播维度(例如.carousel {width:500px; height:500px;}),那么我将失去自举调整功能,这对于使网站在移动网站上看起来很不错至关重要。

b)是否可以在twitter bootstrap中为图像提供超链接/链接?

任何人都知道怎么做?

2 个答案:

答案 0 :(得分:2)

图片上的

img { width: 100%; }#carousel_container_id_here { max-height: XXXpx; overflow-y: hidden; }

请注意,它会剪切超过max-height的图像。

答案 1 :(得分:0)

我认为你可以指定max-height,例如.carousel { max-height: 500px; }。这样,重新调整大小应该起作用,设计也不会破坏。