bootstrap导航栏下拉菜单实现图片大中小效果

实现bootstrap导航栏下拉菜单图片的大中小效果可以通过CSS的transform属性来实现。具体实现步骤如下：

1. 在下拉菜单中添加图片，并设置图片的class为“img-responsive”，这样可以使图片自适应导航栏的大小。

2. 在CSS中添加以下代码，这段代码可以使图片实现缩放效果：

.dropdown-menu img:hover {
    transform: scale(1.2); /*鼠标悬停时放大1.2倍*/
}
.dropdown-menu img:active {
    transform: scale(0.8); /*鼠标点击时缩小0.8倍*/
}

3. 如果需要实现鼠标悬停时图片变暗的效果，可以添加以下代码：

.dropdown-menu img:hover {
    filter: brightness(80%); /*鼠标悬停时图片变暗80%*/
}

通过以上步骤，就可以实现bootstrap导航栏下拉菜单图片的大中小效果。