我需要有 3 个相互内联的下拉按钮。我使用 btn-group
,但这会破坏其中一个下拉菜单的布局。下拉内容的布局需要很宽,但是使用 btn-group
或 display:inline-block
会强制它成为标准的窄下拉列表,这会破坏布局我的内容。
请注意第一个下拉菜单的宽度。如果将父 div 更改为 btn-group
或 display:inline-block
,内容会缩小并变窄。我需要保留较宽的下拉菜单,同时让所有按钮都显示在一行中。
我该怎么做?
最佳答案
你必须尝试一些功能,这样大盒子和窄盒子不会同时显示,但你的问题是通过将 .dropdown
类设置为 position:relative
你限制了它的子元素的宽度。通过删除它并更改您的 child 的顶部位置,它应该看起来像您想要的那样。
.dropup, .dropdown {
position: inherit;
}
.dropdown-menu {
top:40px;
}
关于html - 内联按钮布局打破了下拉内容布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34595610/