Vertical Align Bootstrap

Ich versuche, Inline-Formular vertikal ausrichten, aber ich bin nicht in der Lage, dies zu tun. Unten ist mein Code mit Bootstrap. Können Sie bitte helfen?Vertical Align Bootstrap

Dies ist keine doppelte Frage. Ich habe bereits 10 andere Fragen hier besprochen, bevor ich endlich meine eigenen hier gepostet habe.

<div class="row"> 
    <div class="col-md-12"> 
     <form> 
      <div class="form-group"> 
       <label class="control-label">Label</label> 
       <input type="text" class="form-control" /> 
       <button class="btn btn-default" type="button">Button</button> 
      </div> 
     </form> 
    </div> 
</div>

Versucht, dass. Funktioniert nicht. unten aktualisierten Code: -

<div class="row"> 
    <div class="col-md-12"> 
     <form class="form-inline"> 
      <input type="text" class="form-control" /> 
      <button class="btn btn-default" type="button">Button</button> 
     </form> 
    </div> 
</div>

Unten ist der Schnappschuss .. wie die Eingabefeld-Sticks auf:

Quelle

2017-02-01 Bharat Nanwani

, das funktioniert, überprüfen Sie das Snippet – neophyte

Was ist falsch mit meinem Code. Es funktioniert wirklich nicht. –

post voller html code – neophyte

Gerade class="form-inline" hinzufügen Tag

<!doctype html> 
 
<html> 
 
<head> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
    </head> 
 

 
    <body> 
 
     
 
     <div class="container-fluid"> 
 
     <div class="row"> 
 
    <div class="col-md-12 col-sm-12 col-xs-12"> 
 
     
 
     <form class="form-inline"> 
 
      <div class="form-group"> 
 
      
 
      
 
       <label class="control-label">Label</label> 
 
       
 
       
 
       <input type="text" class="form-control" > 
 
       
 
       <button class="btn btn-default" type="button">Button</button> 
 
       </div> 
 
       
 
      
 
     </form> 
 
    
 
</div> 
 
     </div> 
 
     </div> 
 
</body> 
 
    </html>

zu bilden

Quelle

2017-02-01 17:52:59 neophyte

Funktioniert nicht. Versuchte das. Die Txt-Box bleibt oben, anstatt in der Mitte zu liegen, wie die Schaltfläche in der Mitte ausgerichtet ist. –

Vertical Align Bootstrap

Antwort

Verwandte Themen