Css Can';不能更改输入表单宽度
我正在做一张表格,我想让页面的左半部分填满这一部分。我尝试了col-lg-4,将CSS宽度更改为100%,但实际输入字段没有任何变化。我已经搜索了堆栈溢出,但找不到任何有效的。第一张图片是我拥有的,第二张图片是我试图重现的Css Can';不能更改输入表单宽度,css,forms,twitter-bootstrap-3,input-field,Css,Forms,Twitter Bootstrap 3,Input Field,我正在做一张表格,我想让页面的左半部分填满这一部分。我尝试了col-lg-4,将CSS宽度更改为100%,但实际输入字段没有任何变化。我已经搜索了堆栈溢出,但找不到任何有效的。第一张图片是我拥有的,第二张图片是我试图重现的 <section class="col-md-6"> <form class="form-group row"> <div class="form-group">
<section class="col-md-6">
<form class="form-group row">
<div class="form-group">
<input type="text" class="form-control" id="inputEmail" placeholder="Cool Person">
</div>
<div class="form-group">
<input type="email" class="form-control" id="inputEmail" placeholder="you@yourdomain.com">
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputSubject" placeholder="what's up?">
</div>
<div class="form-group">
<textarea rows="6" class="form-control" placeholder="What's on your mind?"></textarea>
</div>
</form>
</section>
使用下面提到的引导div,然后重试
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="inputEmail"
placeholder="Cool Person">
</div>
<div class="form-group">
<input type="email" class="form-control" id="inputEmail" placeholder="you@yourdomain.com">
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputSubject" placeholder="what's up?">
</div>
<div class="form-group">
<textarea rows="6" class="form-control" placeholder="What's on your mind?"></textarea>
</div>
</div>
<div class="col-sm-6">
Maps Section Comes Here!
</div>
</div>
</div>
地图区来了!
确定首先,您不能拥有两个具有相同id的元素,因为只有最后一个元素具有该id,而第一个元素不会
要回答您的问题,请尝试在css中使用此选项
.form group、.form control{width:100%;}
将css显示属性设置为内联块并指定宽度100%
.form-control{
display:inline-block;
width:100%
}
内联块或块都可以提供全宽