引导响应按钮组对齐 [英] Bootstrap Responsive Button Group Justified

问题描述

在twitter bootstrap 3中，有一个组件准备名称按钮组对。
网址：

解决方案

很好是如果你使用常规的按钮组，它已经响应了

  div class =btn-group> 
< button type =buttonclass =btn btn-default>文字< / button> 
< / div> 
  

已更新小提琴

如果您必须有正确的一个让我知道！

In twitter bootstrap 3, there is a component prepared name button group justified. URL: http://getbootstrap.com/components/#btn-groups-justified

Is there any way we could make .btn-group.btn-group-justified responsive friendly if we have more buttons? Maybe we can put it to 2 rows without using display: block and retaining its display: table-cell so that it could stay vertically align middle?

Is there built in classes that bootstrap prepared? since they prepared this Button Group Justified css component, dont they have anything to make it responsive friendly if there are many buttons with longer words as text?

Here's my fiddle: http://jsfiddle.net/kHW3V/

解决方案

well yes if you used regular button groups like this its already responsive

<div class="btn-group">
    <button type="button" class="btn btn-default">Text</button>
</div>

Updated Fiddle

if you must have the justified one let me know!

这篇关于引导响应按钮组对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！