Html 如何强制提交按钮出现在一组单选按钮的右侧(使用twitter引导)?
我有一组单选按钮和一个提交按钮。我希望将它们并排放置,左侧是一组单选按钮,右侧是按比例排列的提交按钮。使用twitter引导的正确方法是什么Html 如何强制提交按钮出现在一组单选按钮的右侧(使用twitter引导)?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一组单选按钮和一个提交按钮。我希望将它们并排放置,左侧是一组单选按钮,右侧是按比例排列的提交按钮。使用twitter引导的正确方法是什么 目前,无论我做什么,我都会得到单选按钮组下面的按钮。假设您的单选按钮和提交按钮包含在带有正确引导标记的表单标签中,引导基本上提供了两种不同的表单布局 横形 表单内联 最适合这种行为的表单布局是forminline。您所要做的就是将表单css类从默认值更改为forminline,并覆盖.forminline.radio类的display属性 示例HTML &
目前,无论我做什么,我都会得到单选按钮组下面的按钮。假设您的单选按钮和提交按钮包含在带有正确引导标记的表单标签中,引导基本上提供了两种不同的表单布局
forminline
。您所要做的就是将表单css类从默认值更改为forminline
,并覆盖.forminline.radio
类的display属性
示例HTML
<form class="form-inline">
<div class="form-group">
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that—be sure to include why it's great
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Option two can be something else and selecting it will deselect option one
</label>
</div>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
这里有一个工作当您使用
表单水平
时,您可以使用单选内联
作为单选按钮
<form class="form-horizontal">
<div class="form-group">
<label class="radio-inline">
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
Radio 1
</label>
<label class="radio-inline">
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Radio 2
</label>
<label> </label>
<button type="submit" class="btn btn-default">Submit</button>
</div>
第一台
第二台
提交
<form class="form-horizontal">
<div class="form-group">
<label class="radio-inline">
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
Radio 1
</label>
<label class="radio-inline">
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Radio 2
</label>
<label> </label>
<button type="submit" class="btn btn-default">Submit</button>
</div>