Question

我注意到Bootstrap v.3.3.4中有一种奇怪的行为当我使用按钮下拉列表时，将pull-right添加到btn-group以使其浮动到右侧似乎会打破＆＃34;点击＆＃34;当宽度<＆时; 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>

这是一个错误还是我的错误？

添加更多上下文，我还要分享button-group所在的位置：

<div class="container">
<div class="btn-group pull-right">...</div>
<div class="row text-center">
        <div class="col-md-12">
        <img class="logo-img" src="logo.png" alt="Logo">
        </div>
    </div>

实际上，当窗口变小时，按钮会被下方的行和图像重叠，因为图像本身的透明度，效果不可见。

Answer 1

根据所描述的特定背景，我认为这不是一个错误，而是我自己的糟糕实施。
解决问题的一个简单的解决方案/解决方法 - 虽然不是优雅 - 是将z-index: 1000添加到style的{{1}}。所以你得到了：

button-group

设置右下角时，按钮下拉列表无法在移动设备上运行

1 个答案: