は、ブートストラップを使用して通常の書式設定を行うことができません。

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>