引導程序的響應式設計無法正常工作

Question

我正在嘗試將“搜索”按鈕附加到無法正常工作的輸入搜索字段。

我是Bootstrap的新手，所以我無法跟蹤該錯誤。

我在jsFiddle上建立了一個例子

我正在嘗試使其在基於asp.net Webform的網站中工作

下面是代碼片段

        <div id="search-wrapper" class="span3 offset5">
            <div  class="span3 input-append">
                <asp:TextBox ID="txtSearch"  placeholder="Search" runat="server"></asp:TextBox>
                <asp:Button ID="btnSearch" CssClass="btn" runat="server" Text="Go!" />
            </div>
        </div> 

Go按鈕”未正確附加在輸入字段中。 如本例所示

我對css進行了一些小的更改，以使其與max-width：1000px一起工作。

休息幾乎是一樣的。 我什至嘗試直接從CDN使用botstrap css，但這與按鈕沒有什么不同

更新：

我嘗試更改.btn CSS

.btn {
  display: inline-block;
  *border-left: 0 none #e6e6e6;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    border-bottom: 0 none #b3b3b3;
    display: inline;
    padding: 4px 12px; 

這行要填充：6px 12px;。 這將它固定在FF中，但其他瀏覽器使問題更糟。

Answer 1

在這里工作，有點不好的設計： http : //jsfiddle.net/azF8w/54/

<div class="input-prepend">
    <span class="add-on"><button>Go</button></span>
  <input class="span2" id="prependedInput" type="text" placeholder="Username">
</div>