jquery - Bootstrap 网格重置大小

Question

这些按钮的设置是为了当页面大小为 xs 时(它们会拉伸(stretch)到页面的整个宽度) 但是当它进入 col-sm 大小或以上时，我希望它删除整个宽度，以便将它们恢复到正常状态，而不需要网格化。我想应该有一些东西可以在更大的尺寸上重置网格，但没有找到。我尝试使用 * 或 # 而不是 0 但这不起作用。有什么建议么？这是代码:

 <div class="row">
    <button class="col-xs-12 col-sm-0">Start</button>
    <button class="col-xs-12 col-sm-0">Back</button>
    <button class="col-xs-12 col-sm-0">Next</button>
 </div>

Answer 1

我不确定我是否 100% 回答了您的问题，但这是我的解决方案。

http://jsfiddle.net/m0nk3y/Zfbk5/

您需要添加一些自定义 CSS，将宽度恢复为“自动”。

button.col-sm-0 {
    width: auto;
}