我有一个水平按钮组，我希望它切换到垂直按钮组，并且屏幕尺寸特别小（-xs）。有没有办法用Bootstrap 3类来做到这一点？
使用jquery检测窗口大小并相应地调整菜单的类：
<div class="btn-group" id="responsive">
<button class="btn">Hello</button>
<button class="btn">World</button>
</div>
<script>
$(window).resize(function() {
if ($(window).width() < 408) {
$('#responsive').removeClass('btn-group');
$('#responsive').addClass('btn-group-vertical');
} else {
$('#responsive').addClass('btn-group');
$('#responsive').removeClass('btn-group-vertical');
}
});
</script>
使用纯自举程序，您将创建两个菜单：水平和垂直菜单：
<div class="btn-group hidden-xs">
<button class="btn">Hello</button>
<button class="btn">World</button>
</div>
<div class="btn-group-vertical visible-xs">
<button class="btn">Hello</button>
<button class="btn">World</button>
</div>
在理想情况下，您可以仅使用CSS中的媒体查询来执行此操作，但是将自定义媒体查询添加到引导程序可能会有些复杂。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句