Css btn组中隐藏的xs类换行

所有btn-在一行中（）

当我在btn组中添加隐藏的xs时，它会使新行中断。（）

我改变了代码，但我找不到如何使btn的一行隐藏的X

<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>

隐藏xs的默认样式为：

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

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

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

在本例中，使用
！重要信息
，因为您必须覆盖使用
的初始声明！重要信息
。或者，只需将引导CSS更改为
内联块
，并避免覆盖它。
默认的
样式。隐藏的xs
是：

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

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

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

在本例中，使用
！重要信息
，因为您必须覆盖使用
的初始声明！重要信息
。或者，只需将引导CSS更改为
内联块
，避免覆盖它。
谢谢。它起作用了。伟大的我只是改变一下风格@OpenCode很高兴它成功了。Bootstrap确实很难覆盖内容。我不知道他们为什么使用
！重要的
太多了。哦。。。样式为“”时，隐藏的xs不起作用。需要另一个解决办法。。。效果很好。但这也带来了一致性问题。IE 10、chrome btn不在一条线上。但是，bootply.com显示了正确的对齐方式。这是我在IE10中看到的。。如果存在对齐问题，请添加
垂直对齐：top
。谢谢。它起作用了。伟大的我只是改变一下风格@OpenCode很高兴它成功了。Bootstrap确实很难覆盖内容。我不知道他们为什么使用
！重要的
太多了。哦。。。样式为“”时，隐藏的xs不起作用。需要另一个解决办法。。。效果很好。但这也带来了一致性问题。IE 10、chrome btn不在一条线上。但是，bootply.com显示了正确的对齐方式。这是我在IE10中看到的。。如果存在对齐问题，请添加
垂直对齐：顶部
。