Question

首先，这是我得到的问题的一个例子：

以下是我遇到的问题的一个例子：

http://www.bootply.com/fUELEN22ww

如果您单击向下箭头，它可以正常工作....但是当您通过单击选择房间触发它时，向下箭头变得更宽。

起初我想也许我正在覆盖一个课程，但我已经设法通过上面的bootply全新安装来实现它。

我一直在用这个圈子转圈，我仍然看不到造成它的原因。

有人有什么建议吗？基本上，我只需要在点击选择房间选项时打开下拉菜单

谢谢！

Answer 1

点击＆＃34;选择房间＆＃34;按钮，它在<div class="dropdown-backdrop"></div>中的两个按钮之间插入.btn-group元素。这导致下面的CSS规则不再适用于.dropdown-toggle按钮，因为.dropdown-toggle不再直接位于.btn旁边。然后应用默认的12px填充而不是8px。

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

将此规则添加到您的css应解决此问题。

.btn-group>.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

以编程方式打开按钮下拉菜单，但对于＆＃34;插入符号＆＃34;做了一些奇怪的事情。

1 个答案: