Bootstrap Taste Addons nicht richtig angezeigt in Bootstrap modal

Question

Ich habe Button Addons innerhalb von Modal gesetzt, (HTML ist unten), aber die Schaltfläche nicht an Eingabetext, wie es sollte. Ich habe versucht, Button-Addon innerhalb von Col-MD-6 zu setzen, es hilft nur für die Desktop-Ansicht, aber in mobilen es funktioniert immer noch nicht richtig. Irgendwelche Ideen? Welche CSS-Regel verhindert, dass der Button hinzugefügt wird?

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="exampleModalLabel">Some text: <span id="numberOfMatches"></span>.</h4> 
      </div> 
      <div class="modal-body">        
        <div class="input-group">          
         <input type="text" class="form-control" id="modalCustomerNameInput" placeholder="Customer name.."> 
         <span class="input-group-btn"> 
          <button class="btn btn-default" type="button" data-request-url="..." onclick="SelectCustomer(customerCode.value, $(this).data('request-url'))"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> 
         </span> 
        </div>  
       <div class="list-group" id="customersListInModal">         
       </div> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>         
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Sie haben eine input und eine button Aktion aber keine <form> Tag die sie enthalten.

Versuchen Sie, das button ein a Nchor-Tag, dann verwenden Sie die preventDefault() -Methode vor dem Aufruf Ihrer anderen Funktion.