부트 스트랩을 사용하여 정상적인 포매팅을 할 수 없습니다.

Question

저는 laravel 및 부트 스트랩의 초보자입니다. 나는 일반 서식을 만들려고 이미 2시간 보냈지 만 결과는 내가 잘못 무엇

enter image description here

입니까?

<div class="row"> 
    <form method="POST" class="form-inline" action="{{action('OrderController@setDiscont')}}"> 
     <input type="hidden" name="_token" value="{{csrf_token()}}"> 
     <div class="input-group {{ $errors->has('discont') ? ' has-error' : '' }}"> 
      <span class="col-md-7"> 
              <input type="text" placeholder="Скидка" name="discont" class="form-control" value="{{$discont or ""}}"> 
             </span> 
      <span class="input-group-btn col-md-5"> 
              <input type="submit" value="Установить" class="btn-block btn btn-default" > 
             </span> 
      <div class="help-block"> 
       @if ($errors->has('discont')) 
       <strong>{{ $errors->first('discont') }}</strong> @endif 
      </div> 
     </div> 
    </form> 
</div> 

<div class="row"> 
    <form method="POST" class="form-inline" action="{{action('OrderController@setClient')}}"> 
     <input type="hidden" name="_token" value="{{csrf_token()}}"> 
     <div class="input-group {{ $errors->has('phone') ? ' has-error' : '' }}"> 
      <span class="col-md-7"> 
              <input type="text" placeholder="телефон" id="phone" name="phone" class="form-control" value="{{ old('phone') }}"> 
             </span> 
      <span class="input-group-btn col-md-5"> 
              <input type="submit" value="Найти" class="btn btn-primary" > 
             </span> 
      <div class="help-block"> 
       @if ($errors->has('phone')) 
       <strong>{{ $errors->first('phone') }}</strong> @endif 
      </div> 
     </div> 
    </form> 
</div> 

Answer 1

이 방법이 유용 할 것입니다. 입력 그룹에 대해서는 documentation을 읽으십시오. 나는 이것이 당신이 당신의 CSS 수업에서 원했던 것이라고 가정하고 있지만, 당신이 원하는 것이면 inline forms에 대한 문서를 확인해 볼 수도 있습니다.

<div class="row"> 
    <form method="POST" class="form-inline" action="POST"> 
     <input type="hidden" name="_token" value="{{csrf_token()}}"> 
     <div class="form-group {{ $errors->has('discont') ? ' has-error' : '' }}"> 
      <div class="input-group"> 
       <input type="text" placeholder="Скидка" name="discont" class="form-control" value="{{$discont or ""}}"> 
       <div class="input-group-addon" style="padding:0;"> 
        <input type="submit" value="Установить" class="btn-block btn btn-default" style="border: 0px;border-radius: 0px; background-color: #ddd;"> 
       </div> 
      </div> 

      <div class="help-block"> 
      @if ($errors->has('discont')) 
        <strong>{{ $errors->first('discont') }}</strong> 
      @endif     
      </div> 
     </div> 
    </form> 
</div>  

<div class="row"> 
    <form method="POST" class="form-inline" action="POST"> 
     <input type="hidden" name="_token" value="{{csrf_token()}}"> 
     <div class="form-group {{ $errors->has('phone') ? ' has-error' : '' }}"> 
      <div class="input-group"> 
       <input type="text" placeholder="телефон" id="phone" name="phone" class="form-control" value="{{ old('phone') }}"> 
       <div class="input-group-addon" style="padding:0;"> 
        <input type="submit" value="Установить" class="btn-block btn btn-default" style="border: 0px;border-radius: 0px; background-color: #ddd;"> 
       </div> 
      </div> 

      <div class="help-block"> 
      @if ($errors->has('phone')) 
        <strong>{{ $errors->first('phone') }}</strong> 
      @endif     
      </div> 
     </div> 
    </form> 
</div>