如何使引导html输入更长

我想让我的输入字段与他上面的2个字段一样长，请看图片：

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

行程号

我没能单独使用boostrap网格系统。

---

我无法更改为col-lg-3不工作，请查看注释。

尝试此代码

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

行程号

更换

col-lg-3

与

col-lg-6

在

类中

attr

尝试以下操作

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

行程号

我也遇到了同样的问题，我解决了在输入本身中添加一个

col-

类的问题

在您的情况下，在

div

中为

col-lg-6

替换

col-lg-3

，并在

输入中添加
col-lg-6
：

<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 col-lg-6" id="TripNumber" placeholder="Trip Number">
  </div>
</div>


行程号
只需将
col-lg-3
更改为
col-lg-6
就行了，只是在输入的末尾添加了更多的3个boostrap部分空格。如果这样，整个表单有问题，我的表单就是：发布所有代码，或者创建一个fiddle/bootplydidnt使输入更为孤立，只需创建更多的“3”在用空格输入之后，你能给我实时的URL/链接吗？在URL中，其工作完美，在我的机器上无法正常工作，为什么？可能是HTML5标记问题……如果我看不到代码，我无法给出适当的答案……但为什么在我的机器上代码无法正常工作？需要在我的视图中添加一些包吗？