2017-03-07 52 views
-2

我希望讓我的輸入欄不再像上面他同樣的2場,看圖片請: enter image description here如何使引導HTML輸入較長

我的HTML代碼:

<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> 

我沒有單獨使用助推器網格系統。 我不能改變col-lg-3是行不通的,看看評論。

+1

簡單地改變'COL-LG-3'到'COL-LG-6' – DestinatioN

+0

didnt使其不再,只是增加了輸入的結束更多3自舉段空格 –

+0

如果是這樣,什麼是你錯了整個窗體 – DestinatioN

回答

0

試試這個代碼............

 <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

沒有做出孤獨的輸入,只是在輸入後用空格做出更多的「3」https://ibb.co/e6Z 98v –

+0

你可以給我實時的網址/鏈接嗎? – Momin

+0

http://www.bootply.com/nW9hyWEjco 它的工作完美,在我的機器上工作不正常,爲什麼? –

-1

更換

COL-LG-3

col-lg-6

class ATTR

0

試試這個

<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>