搜索表单不占用屏幕的整个宽度引导程序css

我有一个带有输入和按钮的搜索功能的表单标签。如果我将表单放在一个普通的html上，输入类型和按钮跨越div的宽度，但如果我将它嵌入到我正在使用的div中，它将缩小到左侧。这是段搜索表单不占用屏幕的整个宽度引导程序css

<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">

请我怎样才能使整个DIV

来源

2016-10-10 user6731422

输入宽度就像div一样。因此，您希望使其成为全角，请使用.col-lg-12类（例如，引导程序默认值）。如果不是你想要做的，请添加小提琴让我们更好地理解。 – Fantasterei

没有工作..... – user6731422

然后请添加小提琴。 – Fantasterei

的宽度形式跨度如果你正在使用Visual Studio为您的IDE，请检查您的site.css，看看是否有你以下css：

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

我相信这是默认添加到新的MVC web项目。将其注释掉，您的输入字段将会变为100％宽度。

来源

2016-10-10 19:08:27 crosstec

搜索表单不占用屏幕的整个宽度引导程序css

回答

相关问题