Html 引导响应按钮组
在twitter bootstrap 3中,有一个组件准备名称按钮组对齐。 网址: 如果我们有更多的按钮,有没有办法使Html 引导响应按钮组,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,在twitter bootstrap 3中,有一个组件准备名称按钮组对齐。 网址: 如果我们有更多的按钮,有没有办法使.btn group.btn group合理化响应友好?也许我们可以将它放在两行,而不使用display:block并保留它的display:table单元格,这样它就可以保持垂直居中对齐 是否有准备好引导的内置类?既然他们准备了这个按钮组对正css组件,那么如果有许多按钮的文字较长,他们就没有任何东西使其响应友好吗 这是我的小提琴:是的,如果你使用像这样的常规按钮组,它已经响
.btn group.btn group合理化响应友好?也许我们可以将它放在两行,而不使用display:block
并保留它的display:table单元格
,这样它就可以保持垂直居中对齐
是否有准备好引导的内置类?既然他们准备了这个按钮组对正css组件,那么如果有许多按钮的文字较长,他们就没有任何东西使其响应友好吗
这是我的小提琴:是的,如果你使用像这样的常规按钮组,它已经响应了
<div class="btn-group">
<button type="button" class="btn btn-default">Text</button>
</div>
正文
更新
如果你必须有一个公正的,让我知道 使用对我来说很有用
<ul class="nav nav-pills nav-justified">
<li><a role="button" class="btn btn-default" href="/mypage1"><img src="/images/myimage1.png" height="32" alt="myimage1"></a></li>
<li><a role="button" class="btn btn-default" href="/mypage2"><img src="/images/myimage2.png" height="32" alt="myimage2"></a></li>
<li><a role="button" class="btn btn-default" href="/mypage3"><img src="/images/myimage3.png" height="32" alt="myimage3"></a></li>
</ul>
您可以为所有.btn
内部的.btn组添加此样式
.btn-group-justified > .btn {
width: auto;
display: inline-block;
}
您可以通过js或媒体查询来完成此操作。请加把小提琴,我们就可以了help@nol所以没有内置的类是bootstrap准备的?既然他们准备了这个按钮组对正css组件,那么如果有许多按钮的文字较长,他们就没有任何东西使其响应友好吗?这是我的小提琴:这不应该被否决。他有代码和示例图片供参考。我真的希望按钮组对齐,如果窗口使用jQueryUn调整大小,最简单的方法是删除对齐。幸运的是,当强制多行时,分组看起来有点像垃圾