寬度在不工作輸入搜索

我上一個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％;」使輸入搜索的寬度覆蓋所有長度並使文本框和搜索按鈕彼此關閉。

是我在上面的代碼中缺少的東西？

來源

2017-10-13 MikePR

正常工作在這裏http://jsfiddle.net/lotusgodkk/GCu2D/2170/。你有沒有其他可能影響搜索的CSS？ –

在JSFiddle中沒有repro：https：//jsfiddle.net/t36b81p7/。你有使用其他CSS覆蓋'btn btn-default'或'form-control'類嗎？ –

這對我很好！ – Ehsan

-1

請刪除style="width: 100%;" />。因爲引導已自動調整寬度

來源

2017-10-13 04:50:13

這永遠不會導致他提到的問題 –

寬度在不工作輸入搜索

回答

相關問題