在Laravel中無法獲得輸入的全部寬度

Question

我正在將我的引導程序模板擴展到我的laravel項目中。我有輸入寬度的問題。在我的項目中，我無法在列中輸入完整的寬度。我的laravel項目只有不同之處。我如何解決這個問題？

我的引導HTML（工作）：

<div class="row"> 
    <div class="col-lg-2"></div> 
    <div class="col-lg-8"> 
    <div class="input-group"> 
     <input class="form-control" type="text" placeholder="Search for..."> 
     <span class="input-group-btn"> 
     <input class="btn btn-secondary" type="submit" value="Short Url"> 
     </span> 
    </div> 
    </div> 
    <div class="col-lg-2"></div> 
    </div> 

我在Laravel模板（輸入沒有全寬）：

<div class="row"> 
    <div class="col-lg-2"></div> 
    <div class="col-lg-8"> 
    <div class="input-group"> 
     <form class="navbar-form" accept-charset="UTF-8" action="http://localhost:8000" method="POST"> 
     <input type="hidden" value="C5RbH20lMX79fI8TuI4SkVKu6QPQEyw2QgSDGOQc" name="_token"> 
     <input class="form-control" type="text" value="Enter your adress" name="url"> 
     <span class="input-group-btn"> 
     </form> 
    </div> 
    </div> 
    <div class="col-lg-2"></div> 
</div> 

Answer 1

你需要將<form>置於之外

HTML

<div class="row"> 
    <div class="col-lg-2"></div> 
    <div class="col-lg-8"> 
     <form class="navbar-form" accept-charset="UTF-8" action="http://localhost:8000" method="POST"> 
      <div class="input-group"> 
       <input type="hidden" value="C5RbH20lMX79fI8TuI4SkVKu6QPQEyw2QgSDGOQc" name="_token"> 
       <input class="form-control" type="text" value="Enter your adress" name="url"> <span class="input-group-btn"> 
     <input class="btn btn-secondary" type="submit" value="Short Url"> 
     </span> 

      </div> 
     </form> 
    </div> 
    <div class="col-lg-2"></div> 
</div> 

DEMO HERE