Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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 如何在引导中同时添加单选按钮和按钮下拉列表?_Html_Css_Bootstrap 4_User Experience - Fatal编程技术网

Html 如何在引导中同时添加单选按钮和按钮下拉列表?

Html 如何在引导中同时添加单选按钮和按钮下拉列表?,html,css,bootstrap-4,user-experience,Html,Css,Bootstrap 4,User Experience,你好,好的开发者 我试图把单选按钮和按钮下拉菜单一起使用引导。 就像在引导输入组中一样(带有下拉菜单的按钮) 我唯一的不同是我想用单选按钮和标签代替文本框。 这样地 到目前为止,我已经尝试了多种组合,但我正在尝试的任何解决方案都没有按我想要的方式显示。 以下是我到目前为止所做的 默认无线电 下拉列表 下拉列表 到目前为止,产量很差。 如何实现与草图相关的输出?像这样 如果是,我在input group prepend中为max width添加了flex fill 模板1 下拉列表 引

你好,好的开发者

我试图把单选按钮和按钮下拉菜单一起使用引导。 就像在引导输入组中一样(带有下拉菜单的按钮)

我唯一的不同是我想用单选按钮和标签代替文本框。 这样地

到目前为止,我已经尝试了多种组合,但我正在尝试的任何解决方案都没有按我想要的方式显示。 以下是我到目前为止所做的


默认无线电
下拉列表
下拉列表
到目前为止,产量很差。

如何实现与草图相关的输出?

像这样

如果是,我在
input group prepend
中为
max width
添加了
flex fill


模板1
下拉列表
引导程序具有非常好的性能。像这样的


填塞物1
下拉列表

我唯一可能做的更改是将复选框包装在标签中,但这是我的偏好,因此定位排列得更好
模板1
感谢您的建议,我成功地应用了它。