폭

Question

좀 부트 스트랩 클래스를 사용하여 검색 텍스트 상자를 추가 어디에 내가 ASP.Net MVC 프로젝트를 진행하고

:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="row"> 
 
    <div class="col-lg-3"></div> 
 
    <div class="col-lg-6"> 
 
     <form method="g" action="@Url.Action("Index")"> 
 
      <div class="input-group"> 
 
       <input type="search" 
 
         name="searchTerm" 
 
         class="form-control" 
 
         placeholder="Search for..." 
 
         style="width: 100%;" /> 
 
       <span class="input-group-btn"> 
 
        <input type="submit" value="Search" class="btn btn-default" /> 
 
       </span> 
 
      </div> 
 
     </form> 
 
    </div> 
 
    <div class="col-lg-3"> 
 
    </div> 
 
</div>

위의 다음과 같은 결과 생산 코드 :

을

당신이 검색 텍스트 상자 및 검색 버튼 사이에 공백이 볼 수 있듯이. 나는 인라인 스타일 = "너비 : 100 %;"를 사용하려고했습니다. 모든 길이를 포함하도록 입력 검색의 너비를 지정하고 텍스트 상자와 검색 버튼을 서로 닫게하십시오.

위 코드에서 누락 된 것이 있습니까?

Answer 1

style="width: 100%;" />을 삭제하십시오. 부트 스트랩이 너비를 자동으로 조정했기 때문에