为了账号安全,请及时绑定邮箱和手机立即绑定

关于checkbox-inline和radio-inline的疑问

搞不懂为什么要用"checkbox-inline"和"radio-inline",如果是跟案例中一样,把每一个单选框放到一个单独的div中,那么radio-inline类并不能让它们一行显示,如果一个div里面放所有的单选框,那么不需要radio-inlie类就已经是一行显示了;checkbox-inline也是类似的。求大神解释,我用的是火狐浏览器。代码和运行结果截图如下所示:

58477c9d000165b905000168.jpg

58477c9d00012d3a05000174.jpg


正在回答

7 回答

个人理解,本例中并没有把每个单选框都放在一个单独的div中,而是所有的label标签放在div中,label标签肯定是要有的,而radio-inline只是设置了一些样式,margin之类的,有间距,看着更舒服点。

0 回复 有任何疑惑可以回复我~

我试了一下,

<form role="form">

    <div class="form-group checkbox-inline">

    <label>

        <input type="checkbox"value="option1">有戏

    </label>

    </div>

    <div class="from-group checkbox-inline">

    <label >

        <input type="checkbox"value="option1">摄影

    </lable>

    </div>

    <div class="from-group checkbox-inline">

    <label>

        <input type="checkbox"value="option1">摄影

    </lable>

</div>

</from>

这样可以并列一行,但是不能在label上定义,而是在 div上,三个div在一行了

0 回复 有任何疑惑可以回复我~

刚开始学这个,不是很懂,只是发现你label的父级div的类是radio  而不是form-group

0 回复 有任何疑惑可以回复我~

简化代码增强语义

0 回复 有任何疑惑可以回复我~
#1

苏苏_Web前端工程师 提问者

好吧,如果这么说的话倒是可以理解,只是课程上的解释容易误导别人啊,o(^▽^)o
2016-12-07 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于checkbox-inline和radio-inline的疑问

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信