Bootstrap 3一行水平居中按钮组
Bootstrap 3一行水平居中按钮组
提问于 2014-08-27 22:13:26
我正尝试在页面上水平居中两个单选按钮(在一组中)。这就是我到目前为止所拥有的。它不是完全居中的。它在左边一点。向右拉会让它向右走得太远。我添加了center-block和text-center，但它们没有任何帮助。
有人能帮上忙吗？
<div class="row">
<div class="col-sm-5"> </div>
<div class="col-sm-2">
<div class="btn-group center-block text-center" data-toggle="buttons">
<label class="btn btn-default center-block"><input type="radio">All</label>
<label class="btn btn-default active center-block"><input type="radio">Filtered</label>
</div>
</div>
<div class="col-sm-5"> </div>
</div>Stack Overflow用户
回答已采纳
发布于 2014-08-27 22:15:50
您需要将text-center放在父目录中，而不是居中。
<div class="row">
<div class="col-sm-offset-5 col-sm-2 text-center">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default center-block"><input type="radio">All</label>
<label class="btn btn-default active center-block"><input type="radio">Filtered</label>
</div>
</div>
</div>此外，您应该使用col-sm-offset-5而不是<div class="col-sm-5"> </div>。
Bootply Demo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25529508
复制相关文章
相似问题
腾讯云开发者
