我试着在我的新项目(exercice)中添加一个Bootstrap 5下拉菜单,但是我在按钮和菜单之间有一个宽度问题。
它看起来很简单,但由于我是新的引导我不能解决它。
一个简单的事情尝试做的是有一个按钮宽度(如170px)时,下拉菜单关闭,然后当菜单显示,按钮等于菜单宽度。
示例:菜单关闭:
菜单打开:
按钮不等于菜单宽度。
我没有粘贴一些代码,因为它是标准的引导下拉列表。
我该怎么解决这个问题?有人能帮我吗?
谢谢
解决方案:在CSS中,有:
.dropdown-toggle.show,
.dropdown-menu.show {
width: ***px;
}
1条答案
按热度按时间xxe27gdn1#
你可以这样做,它的宽度你的选项内容只是 Package 他们与一个170px的最大宽度(如果这是你正在使用)
<option><span style="max-width:170px"></span></option>
希望这对你有帮助