Twitter bootstrap 在引导程序3中将标签放在收音机之前
我是个新手。我创建了一组带有标签的单选按钮,但默认情况下,单选按钮放在标签的前面。我想在单选按钮之前先有标签 这是我的代码:Twitter bootstrap 在引导程序3中将标签放在收音机之前,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我是个新手。我创建了一组带有标签的单选按钮,但默认情况下,单选按钮放在标签的前面。我想在单选按钮之前先有标签 这是我的代码: <div class="radio"> <label class="radio inline control-label"> Settled <input type="radio" name="rad
<div class="radio">
<label class="radio inline control-label">
Settled
<input type="radio" name="radiobtn" id="radio_Cancelled" value="option1" checked>
</label>
</div>
<div class="radio">
<label class="radio inline control-label">
Cancelled
<input type="radio" name="radiobtn" id="radio_Cancelled" value="option2">
</label>
</div>
<div class="radio">
<label class="radio inline control-label">
Postponed
<input type="radio" name="radiobtn" id="radio_Postponed" value="option3">
</label>
</div>
<div class="radio">
<label class="radio inline control-label">
Re-book (funds not sent)
<input type="radio" name="radiobtn" id="radio_Rebook" value="option4">
</label>
</div>
<div class="radio">
<label class="radio inline control-label">
Funded Manually
<input type="radio" name="radiobtn" id="radio_FundedManually" value="option5">
</label>
</div>
稳定的
取消
推迟
重新记账(未发送资金)
人工资助
有人能帮我吗?如果你能帮我解决这个问题,我将不胜感激。谢谢:)默认情况下,引导会将它们浮动到左侧,您可以做的是将这一行添加到CSS中
.radio input[type="radio"] {
float:none;
margin-left:5px;
}
这是给你的靴子--
更改左边的边距以适合您的口味。如何将所有收音机对齐在一个位置?标签和单选按钮应该对齐对齐。@Nooblike您可以更改
float:none代码>到<代码>浮动:右侧
并将所有单选按钮包装在一个div元素中,并设置该元素的宽度。另一种可能的方法是使用桌子。非常感谢Natewley。谢谢你的帮助。干杯