                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

radio的焦点状态怎么设置啊？

我想让两个radio在一行显示，并且一个是焦点状态

这么写怎么不对？

  <div class="form-group">
    <lable class="radio form-control">
        <input  type="radio" name="sex" value="female">女
    </lable>
    <lable class="radio">
        <input  type="radio" name="sex" value="male">男
    </lable>
  </div>

杨辰沁再不疯狂就老了

2016-10-19

源自：玩转Bootstrap（基础） 3-11

关注问题我要回答

2817

操作

收起

3 回答

梦想的偏执狂
2016-11-30

在你单选框里的 class 里再加一个 radio-inline 就可以水平展示了

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

theecn
2016-10-19

bootstarp的话应该是这样的

<form class="form-inline">

<div class="form-group">

<lable class="radio form-control sr-only">

<input type="radio" name="sex" value="female" class="form-control">女

</lable>

<lable class="radio sr-only">

<input type="radio" name="sex" value="male " class="form-control">男

</lable>

</div>

</form>

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

#1

杨辰沁再不疯狂就老了提问者

sr-only是什么类？加上后连单选框都不显示了

2016-10-19 回复有任何疑惑可以回复我~

theecn
2016-10-19

<div class="form-group" style=“display:inline-block>

<lable class="radio form-control " ”>

<input type="radio" name="sex" value="female">女

</lable>

<lable class="radio >

<input type="radio" name="sex" value="male">男

</lable>

</div>

试试看

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

#1

杨辰沁再不疯狂就老了提问者

你这个有焦点效果了，但是还是不能在一行显示呢

2016-10-19 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314546 人
解答问题 2275 个

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

本课相似问答

3 回答radio checkbox的聚焦状态效果

2 回答按钮状态---焦点状态

1 回答bootstrap 焦点状态

2 回答另，没看出来radio、checkbox焦点状态下，有什么特殊效果

2 回答radio到底怎么样写获取焦点？

搜索更多本课相关问答

radio的焦点状态怎么设置啊？

我要回答关注问题

意见反馈帮助中心 APP下载