在bootstrap 3中，輸入搜索欄不跨越IE 9中列的整個寬度，並且低於

Question

所以我在Bootstrap 3網站中有一個Searchform。

<div class="col-sm-12 col-md-12"> 
<form action="/" method="get"> 
    <fieldset class="input-group"> 
     <input type="text" name="s" id="searchbar" class="form-control input-lg" value="Search..." /> 
    </fieldset> 
</form> 
</div> 

在Safari，Chrome瀏覽器IE10和Firefox - 形式伸展COL-12的全寬，但在IE9和IE8的形式只有大約覆蓋的方式四分之一。

任何想法爲什麼會發生這種情況？

Answer 1

此問題的原因是IE爲display: table; css屬性做出不同的行爲。

Display:table in IE 9/8

你可以看到的CSS類的<fieldset>input-group，有一個CSS屬性：display: table;。

如果你刪除了這個，你的問題就解決了。

Try This

OR

可以使用<div></div>而是採用<fieldset></fieldset>與form-group CSS類：

<div class="col-sm-12 col-md-12"> 
<form action="/" method="get"> 
    <div class="form-group"> 
     <input type="text" name="s" id="searchbar" class="form-control input-lg" value="Search..." /> 
    </div> 
</form> 
</div> 

Try with div element