在引导 btn-group 中设置默认选项答案

【问题标题】：Set default option on bootstrap's btn-group在引导 btn-group 中设置默认选项
【发布时间】：2015-05-20 20:26:09
【问题描述】：

我在表单中使用 Bootstrap 的 btn-group，我想将一个选项标记为默认值。我正在添加“活动”类。但是，当我点击另一个按钮时，这个按钮也会变为活动状态（所以我有两个活动按钮）。

是否有一种简单的方法可以将选项设置为默认选项而不会出现此问题？

        <div id="summarySize" class="btn-group col-md-4 col-md-offset-4 text-center" role="group" aria-label="Summary Size"">
            <button type="button" class="btn btn-default" name="inlineRadioOptions" id="inlineRadio1">Short</button>
            <button type="button" class="btn active btn-default" name="inlineRadioOptions" id="inlineRadio2">Medium</button>
            <button type="button" class="btn btn-default" name="inlineRadioOptions" id="inlineRadio3">Large</button>
        </div>

附加问题：当您只有一列（在智能手机上）时，如何才能使这个 btn 组居中？我尝试将“文本中心”添加为一个类，但它一直在左边。

【问题讨论】：

标签： twitter-bootstrap css

【解决方案1】：

Bootstrap 不进行按钮组切换。您需要编写一些 jQuery。

$('#summarySize .btn').click(function() {
    $(this).addClass('active').siblings().removeClass('active');
});

关于你的奖金问题--.text-center 似乎工作正常。

Demo

【讨论】：