Jquery 按钮下拉列表不显示';设置“向右拉”时,请勿在手机上工作

Jquery 按钮下拉列表不显示';设置“向右拉”时,请勿在手机上工作,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我注意到Bootstrap v中有一个奇怪的行为。3.3.4. 当我使用按钮下拉列表时,将pull right添加到btn组使其浮动到右侧,似乎会在宽度

我注意到Bootstrap v中有一个奇怪的行为。3.3.4.
当我使用按钮下拉列表时,将
pull right
添加到
btn组
使其浮动到右侧,似乎会在宽度<990px时中断“单击”。
如果我删除了
pull right
类,一切都会正常工作

这是我的代码:

<div class="btn-group pull-right"><button data-toggle="dropdown" class="btn btn-default" aria-expanded="false">Click me</button>
    <a data-toggle="dropdown" class="btn btn-default dropdown-toggle" data-target="#" href="#" aria-expanded="true"><span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li class="my-item"><a href="#">Item 1</a></li>
        <li class="my-item"><a href="#">Item 2</a></li>
    </ul>
</div>

因此,实际上,当窗口变小时,按钮被下面的行和图像重叠,由于图像本身的透明度,效果不可见。

基于所描述的特定上下文,我认为这不是一个错误,而是我自己的一个糟糕实现。
解决这个问题的一个简单的解决方案/解决方法(虽然不是很优雅)是在
按钮组的
样式中添加
z-index:1000
。所以你得到了:

<div class="btn-group pull-right" style="z-index:1000">
...
</div>

...

它似乎工作正常()。是否有其他风格/脚本影响下拉列表?嗨@Alvarontoro感谢您的建议。它引导我走上了正确的道路。
<div class="btn-group pull-right" style="z-index:1000">
...
</div>