搜索表單不佔用屏幕的整個寬度引導程序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

回答

相關問題