Twitter bootstrap 如何向btn组垂直添加标签?

Twitter bootstrap 如何向btn组垂直添加标签?,twitter-bootstrap,radio-button,twitter-bootstrap-3,radio-group,Twitter Bootstrap,Radio Button,Twitter Bootstrap 3,Radio Group,我用“btn组垂直”创建了一个非常简单的单选按钮 私有的 公开的 但是我找不到一个简单的方法在每个按钮的右边添加一些标签(就像标准单选按钮一样) 我想你做不到。btn组和btn组垂直绑定一组特定的元素以构造结构(垂直按钮)。添加额外的html元素将破坏此结构 我认为找到一个替代品对你来说是最好的选择。考虑使用工具提示().< /P> 私有的 公开的 您能更具体地说明您想要实现的目标吗?我想为每个按钮/状态添加更多解释谢谢,但这不是我喜欢的设计,我认为UX最好能看到更多细节,而无需悬停。

我用“btn组垂直”创建了一个非常简单的单选按钮


私有的
公开的

但是我找不到一个简单的方法在每个按钮的右边添加一些标签(就像标准单选按钮一样)


我想你做不到。btn组和btn组垂直绑定一组特定的元素以构造结构(垂直按钮)。添加额外的html元素将破坏此结构

我认为找到一个替代品对你来说是最好的选择。考虑使用工具提示().< /P>

私有的
公开的

您能更具体地说明您想要实现的目标吗?我想为每个按钮/状态添加更多解释谢谢,但这不是我喜欢的设计,我认为UX最好能看到更多细节,而无需悬停。
<div class="btn-group btn-group-vertical" data-toggle="buttons">
    <label class="btn btn-primary">
        <input type="radio" name="options" id="option1"><span class="fa fa-lock"></span> Private
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="options" id="option2"><span class="fa fa-unlock"></span> Public
    </label>
</div>
<div class="btn-group btn-group-vertical" data-toggle="buttons">
    <label data-toggle="tooltip" data-placement="right" data-container="body" title="tooltip on first input!" class="btn btn-primary">
        <input  type="radio" name="options" id="option1"><span class="fa fa-lock"></span> Private
    </label>
    <label data-toggle="tooltip" data-placement="right" data-container="body" title="tooltip on second input!" class="btn btn-primary">
        <input  type="radio" name="options" id="option2"><span class="fa fa-unlock"></span> Public
    </label>
</div>