有没有办法在大屏幕上显示自动宽度？

Question

我正在使用引导程序3，但我想在一个元素上使用col-xs-12，但在所有其他显示器上，我希望该元素及其后的任何元素在任何较大的显示器上使用自动宽度。 我认为答案是媒体查询，但是我找不到关于此问题的任何答案。 也许像col-sm-auto

编辑：我希望我可以适当地解释这一点。

假设您在页面上有一个输入和几个标签

现在，在xs视图中，我希望标签下降到新行，为此，我可以将输入设置为col-xs-12，但是在大型显示器上不会给出所需的结果

您能在第一张图片中看到输入的宽度如何自动吗

Answer 1

您可以尝试添加类似

@media (min-width: @screen-sm-min){
  .col-sm-auto {
    display: inline-block;
    width: auto;
  }
}

然后将此类添加到您的元素。

或者第二种方法是为不同类型的屏幕使用两个不同的占位符。

例如：

<div class="col-xs-12 visible-xs-block">Some content for extra small screens</div>
<span class="hidden-xs">Some content for small, medium and large screens</div>