（Bootstrap）在悬停按钮上的响应式图像？

Question

我想在悬停时在按钮上显示图像。我知道Bootstrap，我可以添加.img-responsive类，同时在HTML中声明图像，但我似乎无法正确地与我试图加载图像。按钮本身已经响应。我使用了几块CSS，并通过CSS预加载图像。这是什么最好的方式呢？

另外，有没有办法添加某种动画来显示图像？就像从图片底部向上滚动图片一样？

Answer 1

有没有看过.img-responsive呢？它没有太大的作用。我建议您覆盖该课程并应用您认为最适合您网站的实际响应式设计。从boostrap.css两者

：

.img-responsive{ 
     display: block; 
     max-width: 100%; 
     height: auto; 
    } 

您也可以使用下面的，如果你已经知道你的形象应该是怎样看待某些屏幕尺寸

@media screen and (min-width:500px) { 
    .img-responsive{ 
    //... 
    } 
} 

对于动画。您可以将其初始化为隐藏状态，然后等待图像完成加载。那么你可以做$(#imageId).show("fast");（或“慢”）。或者，如果你想完全控制你的动画，那么我建议你关注如何做到这一点的jQuery文档。