根据屏幕大小调整引导程序上的Html组件

Question

当它是一个大屏幕（和顶部的标签）时，我希望有多个单选按钮

当较小时，还有一个下拉列表

使用bootstrap处理这种情况可能吗？

我认为可以在xs/s屏幕上隐藏数据，反之亦然，但我不知道这是否是一个好主意

Answer 1

是，使用http://getbootstrap.com/css/#responsive-如D_Supreme建议的实用程序。这是个好主意。

    <div class"visible-lg-*">
        <span class="label label-default">New</span></h1>
        <div class="checkbox">
        <label><input type="checkbox" value="">Option 1</label>
        </div>
        <div class="checkbox">
        <label><input type="checkbox" value="">Option 2</label>
        </div>
        <div class="checkbox">
        <label><input type="checkbox" value="" disabled>Option 3</label>
        </div>
    </div>

然后对您的"小型"版本执行以下操作