отзывчивый дизайн с загрузочным устройством не работает должным образом

Question

Я пытаюсь добавить кнопку поиска в поле ввода, которое не работает должным образом.

Я не могу отследить ошибку, поскольку я новичок в бутстрапе.

Я настроил пример на jsFiddle

Я пытаюсь заставить его работать в asp.net веб-формы на основе веб-сайта

Ниже приведен фрагмент кода

 <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 Кнопка Безразлично Правильно добавьте поле ввода. как показано в этом example

Я внес некоторые незначительные изменения в css, чтобы заставить его работать с max-width: 1000px.

Отдых почти такой же. Я даже пытался использовать botstrap CSS непосредственно из CDN, но это не делает отличается от кнопки

UPDATE:

Я попытался изменить .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>