怎么让喜欢和不喜欢放在同一行 我调不对

来源:3-7 表单控件(复选框checkbox和单选择按钮radio)

肖炎

2017-06-12 15:54

怎么让喜欢和不喜欢放在同一行 我调不对

写回答 关注

7回答

  • 夜枫Y
    2019-01-08 09:40:32

    <form role="form">
    <h3>案例1</h3>
    <div class="form-group">
    <label class="checkbox">
    <input type="checkbox" value="">
    记住密码
    </label>
    <label class="radio-inline">
    <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked>
    喜欢
    </label>
    <label class="radio-inline">
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="hate">
    不喜欢
    </label>
    </div>


  • 夜枫Y
    2019-01-08 09:29:09

    <form role="form">

    <h3>案例1</h3>

    <div class="checkbox">

    <label>

    <input type="checkbox" value="">

    记住密码

    </label>

    </div>

    </form>

    <form role="form" class="form-inline">

    <div class="radio">

    <label>

    <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked>

    喜欢

    </label>

    </div>

    <div class="radio">

    <label>

    <input type="radio" name="optionsRadios" id="optionsRadios2" value="hate">

    不喜欢

    </label>

    </div>

    </form>


  • 夜枫Y
    2019-01-08 09:27:05
    <form role="form"><h3>案例1</h3><div class="checkbox"><label><input type="checkbox" value="">记住密码</label></div></form><form role="form" class="form-inline"><div class="radio"><label><input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked>喜欢</label></div><div class="radio"><label><input type="radio" name="optionsRadios" id="optionsRadios2" value="hate">不喜欢</label></div></form>


  • qq_山水_4
    2019-01-02 10:49:14

    <form>里加个class="form-inline"就行了

     

  • 余某人
    2018-07-05 12:36:02

    <div class="radio">
        <label>
             <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked>
              喜欢
            </label>
        <label>
              <input type="radio" name="optionsRadios" id="optionsRadios2" value="hate">
              不喜欢
           </label>
       </div>

    放到一个类中 

  • 笑出强大_0
    2017-07-24 14:57:50
         <input type="checkbox"checked>    //checked表示默认选中状态
          喜欢
         <input type="checkbox"checked>
          不喜欢

    删掉包含它们的div和lable只留input,就在一行了

    坚持活下去啊

    你这是复选框吧

    2017-08-10 14:41:14

    共 1 条回复 >

  • 慕斯卡1073330
    2017-06-12 16:17:10

    可以说具体点吗

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题