我有一个菜单栏,由一组使用bootstrap设计为按钮的单选按钮组成。现在我想使其具有响应式,当窗口足够窄时,它们会折叠成下拉按钮。我在bootstrap文档中找不到任何类似的内容,所以我不知道如何实现这一点 - 如果您有任何建议,请告诉我。
这是我的代码:
<div class="row col-md-12">
<div style="clear: both; display: inline;">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-info btn-sm active" style="width: 300px;"><input type="radio" value="0" class="check" name="options" id="option1" autocomplete="off" checked>1</label>
<label class="btn btn-info btn-sm" style="width: 300px;"><input type="radio" value="1" class="check" name="options" id="option2" autocomplete="off">2</label>
<label class="btn btn-info btn-sm" style="width: 300px;"><input type="radio" value="2" class="check" name="options" id="option3" autocomplete="off">3</label>
</div>
</div>
</div>
@media screen
,并更改div的宽度和高度,如果这是你想要的。 - Amar Singh@media screen
来实现? - patriciasmh