网站建设资讯

NEWS

网站建设资讯

bootstrap中怎么实现复选框-创新互联

bootstrap中怎么实现复选框,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联主要从事成都网站制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务荔湾,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

复选框(Checkbox)

当创建表单时,如果您想让用户从列表中选择若干个选项时,请使用checkbox。(推荐学习:Bootstrap视频教程)

对一系列复选框使用 .checkbox-inline ,控制它们显示在同一行上。

复选框,可以设置

为父元素,类为 .custom-control 和 .custom-checkbox,复选框作为子元素放在该
里头,然后复选框设置为 type="checkbox",类为 .custom-control-input。

复选框的文本使用 label 标签,标签使用 .custom-control-label 类,label 的 for 属性值需要匹配复选框的 id。

实例

    
    
    #内联
             选项 1                 选项 2                 选项 3    

关于bootstrap中怎么实现复选框问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


当前标题:bootstrap中怎么实现复选框-创新互联
文章URL:http://cdweb.net/article/coodss.html