Question

这是我的bootstrap / html代码：

  <div class="col-md-8">
   <label for="label_test_email">Put email</label>
   <input type="text"  class="form-control" id="test_email" name="test_email" />
 </div>

位置是正确的，但我希望输入字段的大小延伸到div结尾。有人可以帮帮我吗？

Answer 1

只需像这样指定宽度百分比：

#label_test_email{
  width:10%;
}
#test_email{
  width:90%;
}

这是工作jsFiddle

希望有所帮助：）

Answer 2

如果你试图验证你的html然后挑衅，这将给出一个错误。根据W3C，每个lavel都应该引用任何元素。意味着，“for”属性中的值必须引用HTML中的输入。因此，输入的Id应该与“for”中的w.r.t值相同，如下所示，

<div class="col-md-8">
   <label for="test_email">Put email</label>
   <input type="text"  class="form-controll" id="test_email" name="test_email" />

对于输入字段的全宽，您可以使用100％宽度

#test_email{
   width: 100%;
}

这将自动为您提供输入w.r.t parent div的宽度，类为“col-md-8”

如何将输入字段扩展到div结束

2 个答案: