Javascript 带图像和长文本的引导下拉菜单

我正在尝试创建一个带有引导的下拉菜单，其中包含图像和长文本，可能需要将文字包装在500px的宽度内

我尝试过这样的建议：

.dropdown-menu {
    width: 500px;
    white-space: normal;
}

这是我的小提琴：

有什么想法吗？

尝试添加：

overflow: hidden;

---

。下拉菜单li{
宽度：500px；空白：正常；溢出：隐藏；
}
.img缩略图{
宽度：75px；高度：75px；
}

Selecione um produto
平板电脑多激光ML超四核通信Tela 7”、8GB、Wi-Fi、安卓4.4、支持调制解调器3G e处理器四核-Rosa
平板电脑多激光ML超四核通信Tela 7”、8GB、Wi-Fi、安卓4.4、，支持调制解调器3G电子处理器四核-Branco

将此添加到您的css中：

.dropdown-menu li a {
word-wrap: break-word;
white-space: normal;
}

小提琴：

看看这个，这个应该对你有用
平板电脑多激光ML超四核通信7英寸8GB Wi-Fi安卓4.4支持调制解调器3G电子处理器四核RosaaSdad

这就是你想要的吗？我将两个样式标记上的宽度都更改为“自动”

.dropdown-menu {
   width: auto; white-space: normal;
}
.img-thumbnail {
   width:auto;height:75px;
}

---

您可能想在样式上做更多的工作，但这至少会包装您的列表项链接

.dropdown-menu {
   width: auto; white-space: normal;
}
.img-thumbnail {
   width:auto;height:75px;
}