Html 使网格响应引导

Html 使网格响应引导,html,css,bootstrap-4,Html,Css,Bootstrap 4,我正在使用引导网格来制作多个输入搜索过滤器,但在移动设备上,它并没有响应能力,请提供帮助。 我想在手机上连续显示两个表单字段,这样用户就可以看到标签并正确输入搜索数据 桌面输出:(工作正常) 移动输出:(需要做出响应) 代码 手术日期 医院 跟进(来自) 到 诊断 外科 外科医生 助手 麻醉师 年龄(从) 到 性 选择性别 男性 女性 其他 搜索 您只需将col-2替换为col-4 col-md-2或col-6 col-sm-4 col-md-2 因为如果应用col-2,所有设备将显示

我正在使用引导网格来制作多个输入搜索过滤器,但在移动设备上,它并没有响应能力,请提供帮助。 我想在手机上连续显示两个表单字段,这样用户就可以看到标签并正确输入搜索数据

桌面输出:(工作正常)

移动输出:(需要做出响应)

代码

手术日期
医院
跟进(来自)
到
诊断
外科
外科医生
助手
麻醉师
年龄(从)
到
性
选择性别
男性
女性
其他

  • 搜索
    您只需将
    col-2
    替换为
    col-4 col-md-2
    col-6 col-sm-4 col-md-2

    因为如果应用
    col-2
    ,所有设备将显示相同的正面。请阅读

    下面是带有
    col-4 col-md-2
    的示例:

    
    手术日期
    医院
    跟进(来自)
    到
    诊断
    外科
    外科医生
    助手
    麻醉师
    年龄(从)
    到
    性
    选择性别
    男性
    女性
    其他
    
  • 搜索
    如果您检查代码,您将看到某些元素标记未关闭。1节未在结束表格前结束,2节在表格和重复部分之间