2017-03-07 1 views
-2

i meine Eingabefeld machen als die gleichen zwei Felder über ihm mehr machen wollen, schauen Sie die Abbildung bitte: enter image description hereWie Bootstrap html Eingabe länger

Mein HTML-Code:

<div class="row"> 
    <div class="form-group col-lg-offset-3 col-lg-3"> 
     <label for="TripNumber">Trip Number</label> 
     <input type="text" class="form-control" id="TripNumber" placeholder="Trip Number"> 
    </div> 
</div> 

ich gescheitert mach es mit dem Boostrap Grid System alleine. Ich kann nicht ändern, um Col-lg-3 ist nicht arbeiten, schauen Sie sich die Kommentare an.

+1

einfach ändern 'col-lg-3' zu' col-lg-6 ' – DestinatioN

+0

nur knapp sein Ziel es länger, nur bis zum Ende des Eingangs Hinzufügen mehr 3 Boostrap Abschnitt Leerzeichen –

+0

Wenn ja, ist etwas falsch mit Ihnen ganz Formular – DestinatioN

Antwort

0

diesen Code Versuchen ............

 <div class="row"> 
     <div class="form-group col-lg-offset-3 col-lg-6"> 
      <label for="TripNumber">Trip Number</label> 
      <input type="text" class="form-control" id="TripNumber"  placeholder="Trip Number"> 
     </div> 
    </div> 
+0

machte nicht den Einzelgänger die Eingabe, machen Sie einfach mehr "3" nach der Eingabe mit Leerzeichen https://ibb.co/e6Z 98v –

+0

Können Sie mir die Live URL/Link geben? – Momin

+0

http://www.bootply.com/nW9hyWEjco in der URL seine Arbeit perfekt, auf meinem Rechner funktioniert nicht richtig, warum? –

-1

ersetzen

col-lg-3

mit

col-lg-6

in class attr

0

Versuchen Sie, diese

<div class="row"> 
    <div class="form-group col-lg-12"> 
     <label for="TripNumber">Trip Number</label> 
     <input type="text" class="form-control" id="TripNumber" placeholder="Trip Number"> 
    </div> 
</div>