Question

<div class="col-md-3">
    <div class="white-box">
        {{ Form::open(['route' => ['resources.select'], 'method' => 'ANY', 'role' => 'select']) }}
        <div class="form-group">
                {{ Form::label('category_label', 'Categories : ') }} &nbsp;&nbsp;
                {{ Form::select('category_select', $category_select, ['class'=>'form-control']) }} &nbsp;&nbsp;
                {{ Form::button('Submit',['type'=>'submit','class'=>'btn btn-success waves-effect waves-light m-r-10', 'id'=>'select_resource']) }}
        </div>
        {{ Form::close() }}
    </div>
</div>

这是我的代码。我有三个看起来相同的不同部门。当我尝试更改为网格视图时，选择框保持与div块重叠。我希望他们留在视图中的区块内。

Answer 1

您的选择重叠的原因是因为您在声明中缺少null作为参数。

更改此行;

{{ Form::select('category_select', $category_select, ['class'=>'form-control']) }} &nbsp;&nbsp;

到此;

{{ Form::select('category_select', $category_select, null, ['class'=>'form-control']) }}

此外，您不需要 来设置表单样式。在您的问题中创建表单的更有效方法如下面的示例

<div class="col-md-3">
    <div class="white-box">
        {{ Form::open(['route' => ['resources.select'], 'method' => 'ANY', 'role' => 'select']) }}
        <div class="form-group">
           {{ Form::label('category_label', 'Categories : ') }}
           {{ Form::select('category_select', $category_select, null, ['class'=>'form-control']) }}
        </div>
        {{ Form::button('Submit',['type'=>'submit','class'=>'btn btn-success waves-effect waves-light m-r-10', 'id'=>'select_resource']) }}
        {{ Form::close() }}
    </div>
</div>

在Laravel中调整表单组中的复选框

1 个答案: