bootstrap .btn-group-justified不按预期工作

Question

如何摆脱提交的问号???我需要用“按钮”填充“另一个h3”。 “h3再次”和“一些h3”低于“另一个h3”并且还有更多这些。

我的HTML：

<div class="btn-group btn-group-justified">
        <div class="col-md-4 col-sm-6 col-xs-12 ">
            <a href="#" class="btn btn-wrap btn-default">
                <h2>another h3</h2>
                <img class="/images/img4.png">

            </a>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-12 ">
            <a href="#" class="btn btn-wrap btn-default">
                <h2>h3 again</h2>
                <img class="imageClip" src="/images/img2.png">

            </a>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-12 ">
            <a href="#" class="btn btn-wrap btn-default">
                <h2>some h3</h2>
                <img class="imageClip" src="/images/img1.png">

            </a>
        </div>

</div>

Answer 1

看起来你已经在XS上实现了默认的480px断点，在这个值上它通常会开始破坏元素并将它们放在它们之间。

您应该自定义断点 - customize media query breakpoints

作为替代方案，当您使用CSS中的媒体查询将屏幕达到480px时，您可以将h3元素展开为全宽。