Bootstrap中行级表单form-inline可能不同行的问题
在使用YII2.0时使用了前端框架Bootstrap,发现其中行级表单form-inline并没有同行显示输入框与提交按钮,类似下图
查找原因发现输入框的长度是固定的,只有当输入框右侧能够放下提交按钮时,才能实现行级表单同行效果,因此在无法同行的情况下,要么更改输入框的宽度,要么不使用行级表单。
我选择了更改输入框的宽度,简单的在input标签中加了一个内联样式
这样实现了宽度不足时的同行处理。
在使用YII2.0时使用了前端框架Bootstrap,发现其中行级表单form-inline并没有同行显示输入框与提交按钮,类似下图
查找原因发现输入框的长度是固定的,只有当输入框右侧能够放下提交按钮时,才能实现行级表单同行效果,因此在无法同行的情况下,要么更改输入框的宽度,要么不使用行级表单。
我选择了更改输入框的宽度,简单的在input标签中加了一个内联样式
这样实现了宽度不足时的同行处理。