검색 양식이 화면의 전체 너비를 차지하지 않습니다. bootstrap CSS

Question

입력 및 버튼이있는 검색 기능을위한 양식 태그가 있습니다. 일반 html에 양식을 배치하면 입력 유형과 버튼이 div 너비에 걸쳐 있지만 작업 할 div에 embed하면 왼쪽으로 축소됩니다. 이

<div class="col-sm-10" style="min-height:280px"> 

      <div style="margin-bottom:18px; clear:both;" class="row"> 

          <div class="col-lg-7" > 
          <form class="form-inline" role="form" method="post" 
          action="/grantaccess"> 
         <div class="input-group"> 
          <input name="searchName" type="email" class="form-control search-form" placeholder="Search"> 
          <span class="input-group-btn"> 
          <button type="submit" class="btn search-btn"><i class="fa fa-search"></i> 
          </button> 
          </span> 

         </div> 
         </form></div> 

         </div> 

      <div class="panel panel-default"> 
      <div class="panel-body"> 


              <div class="panel panel-default"> 
               <div class="panel-heading"> 
                RETRIEVED DETAILS 
               </div> 
          <div class="panel-body"> 
           <div class="container"> 

당신이 당신의 IDE를위한 비주얼 스튜디오를 사용하는 경우 내가 사업부

Answer 1

의 폭을 가로 지르는 형태로 범위를 만들 수있는 방법, 당신의 site.css을 확인하고이 있는지 확인하십시오 조각입니다 다음 CSS :

input, 
select, 
textarea { 
    max-width: 280px; 
} 

나는 이것이 새로운 MVC 웹 프로젝트에 기본적으로 추가된다고 생각한다. 그것을 주석 처리하면 입력 필드가 100 % 너비로 이동합니다.