btn-group中的hidden-xs类进行换行

Question

所有btn - 在一行（http://bootply.com/100575）

当我将hidden-xs添加到btn-group时，会产生新的换行符。 （http://bootply.com/100574）

我更改了代码，但我找不到如何使btn与hidden-xs一致。

<div class="btn-group">
    <a class="btn btn-default" href="./board.php?bo_table=qna&amp;page=1"><i class="fa fa-list"></i>List</a>
</div>
<div class="btn-group">
    <a class="btn btn-default" href="./write.php?bo_table=qna"><i class="fa fa-edit"></i>Write</a>
</div>
<div class="btn-group hidden-xs"> <!-- here... -->
    <a class="btn btn-default" href="javascript:select_delete();">Delete</a>
    <a class="btn btn-default" href="javascript:select_copy('copy');">Copy</a>
    <a class="btn btn-default" href="javascript:select_copy('move');">Move</a>
</div>

Answer 1

.hidden-xs的默认样式为：

.hidden-xs {
    display: block!important;
}

将其更改为display:inline-block将解决此问题。

.hidden-xs {
    display: inline-block!important;
}

在这种情况下，由于您必须覆盖使用!important的初始声明，因此必须使用!important。或者只是将引导程序CSS更改为inline-block并避免必须覆盖它。