Twitter bootstrap 如何向btn组垂直添加标签?
我用“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组垂直绑定一组特定的元素以构造结构(垂直按钮)。添加额外的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>