如何使bootstrap html输入更长

时间:2017-03-07 11:18:55

标签: html twitter-bootstrap

我想让我的输入字段比他上面的2个字段更长,请看图片: enter image description here

我的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不起作用,看看评论。

4 个答案:

答案 0 :(得分:0)

试试此代码............

s3.getObject(params, function (err, data) {
    if (err) {
        console.log(err, err.stack)
    }
    else {
        d.resolve(data);
    }
});

答案 1 :(得分: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>

答案 2 :(得分:0)

我遇到了同样的问题,并且解决了在输入本身中添加col-类之一的问题。

根据您的情况,在col-lg-3中用col-lg-6替换div,并在col-lg-6添加 input

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

答案 3 :(得分:-1)

替换

  

COL-LG-3

  

COL-LG-6

<{1>} attr

中的