2017-12-07 17 views
1
<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> 

이것은 내 코드입니다. 나는 똑같은 3 개의 다른 부분을 가지고있다. 격자보기로 변경하려고 시도했을 때 선택 상자는 div 블록과 겹쳐 있습니다. 나는 그 (것)들을 전망에서 구획 안에 체재하는 원한다.Laravel의 양식 그룹에서 크기 조정 확인란

+0

아래의 예처럼 될 것입니다. 아무에게도 풀 수 없습니다. 왜냐하면 우리는 "화이트 박스", "웨이브 효과"및 다른 클래스가 어떤 것인지 알지 못하기 때문입니다. –

+0

파도 효과는 모든 요소에 적용 할 수 있습니다. 웨이브 효과를 버튼에 적용하려면 클래스 웨이브 효과를 버튼에 적용하면됩니다. –

+0

흰색 상자는 흰색 상자 주위에 모든 내용을 넣습니다. –

답변

0

선택이 겹치는 이유는 선언에서 매개 변수로 null이 누락 되었기 때문입니다.

이 줄을 변경하십시오.

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

this to this;

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

또한 &nbsp; 양식을 양식화 할 필요가 없습니다. 귀하의 질문에서 폼을 만드는 더 효율적인 방법이이 Laravel 질문하지만, CSS/부트 스트랩 아니다

<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>