在使用YII2.0时使用了前端框架Bootstrap,发现其中行级表单form-inline并没有同行显示输入框与提交按钮,类似下图

Bootstrap中行级表单form-inline可能不同行的问题

查找原因发现输入框的长度是固定的,只有当输入框右侧能够放下提交按钮时,才能实现行级表单同行效果,因此在无法同行的情况下,要么更改输入框的宽度,要么不使用行级表单。

我选择了更改输入框的宽度,简单的在input标签中加了一个内联样式

Bootstrap中行级表单form-inline可能不同行的问题

这样实现了宽度不足时的同行处理。

相关文章:

  • 2021-12-31
  • 2021-07-04
  • 2022-01-02
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-20
  • 2021-06-18
  • 2022-12-23
  • 2021-08-15
  • 2022-12-23
相关资源
相似解决方案