html怎么设置组按钮,仅使用html的引导按钮组预选按钮

这不是完全可能只用HTML做到这一点 - (如您的标题暗示)。

真的，你可以做没有JavaScript的唯一的事情是属性autofocus="autofocus"添加到这样所需的元素：

Left

由于属性意味着，该按钮会自动集中在支持的浏览器。如果点击另一个按钮，第一个按钮的焦点将被删除。

值得一提的是的.btn-default.active的造型是一样的.btn-default:focus：

.btn-default:focus, .btn-default.active {

color: #333;

background-color: #ebebeb;

border-color: #adadad;

}

不幸的是，活动还将关注一下其他地方的页面上过当去除。如果这是一个问题，JavaScript就需要解决这个问题。解决办法是在所需元素上有active类，然后在单击任何同级按钮元素时将其删除。这种选择与无线电元素是相互排斥的。

以下是直接从Bootstrap JS documentation获取的示例。值得注意的是需要包含Bootstrap JS文件/ jQuery。

Option 1

Option 2

Option 3