You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何调整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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 06:45:55