Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何强制提交按钮出现在一组单选按钮的右侧(使用twitter引导)?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何强制提交按钮出现在一组单选按钮的右侧(使用twitter引导)?

Html 如何强制提交按钮出现在一组单选按钮的右侧(使用twitter引导)?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一组单选按钮和一个提交按钮。我希望将它们并排放置,左侧是一组单选按钮,右侧是按比例排列的提交按钮。使用twitter引导的正确方法是什么 目前,无论我做什么,我都会得到单选按钮组下面的按钮。假设您的单选按钮和提交按钮包含在带有正确引导标记的表单标签中,引导基本上提供了两种不同的表单布局 横形 表单内联 最适合这种行为的表单布局是forminline。您所要做的就是将表单css类从默认值更改为forminline,并覆盖.forminline.radio类的display属性 示例HTML &

我有一组单选按钮和一个提交按钮。我希望将它们并排放置,左侧是一组单选按钮,右侧是按比例排列的提交按钮。使用twitter引导的正确方法是什么


目前,无论我做什么,我都会得到单选按钮组下面的按钮。

假设您的单选按钮和提交按钮包含在带有正确引导标记的表单标签中,引导基本上提供了两种不同的表单布局

  • 横形
  • 表单内联
  • 最适合这种行为的表单布局是
    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&mdash;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>