2017-03-07 56 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>