如何调整Laravel Jetstream注册页面自定义选项字段的列宽度?
调整Laravel Jetstream注册页面自定义下拉字段的列宽
你的下拉字段功能正常,只需修改外层列的类,和Jetstream默认注册字段保持一致就能对齐宽度:
默认情况下,Jetstream注册表单里的姓名、邮箱等字段都使用col-md-6来控制列宽,你当前代码用了col-md-12(占满整行),替换成col-md-6即可:
<div class="mt-4"> <div class="col-md-6"> <x-jet-label for="registeras" value="{{ __('Register As') }}" /> <select class="form-control" name="registeras" id="registeras"> <option value="one">Option 1</option> <option value="two">Option 2</option> </select> </div> </div>
如果你的项目对Jetstream表单做过定制,列类不是col-md-6,只需要改成和其他字段完全相同的col-*类即可。要是想让下拉框样式和Jetstream输入框完全统一,还可以把form-control换成x-jet-input对应的样式类,不过核心的宽度对齐就是调整外层列的类。
内容的提问来源于stack exchange,提问作者rncjay
相关产品推荐
相关产品推荐

