我遇到了 boostrap 3 在桌面模式下导致停用/只读输入的问题。一旦您将浏览器窗口调整为更小的尺寸,引导程序就会激活输入以进行读写。我不知道为什么,当然应该在所有设备上激活它们。任何帮助将不胜感激!
我尝试.form-group
将.col-sm-x .col-md-x .col-lg-x
div 和其他一些调整放在一起,输入只有在它们完全位于 . 之外时才启用.col-sm-x .col-md-x .col-lg-x
,这会破坏布局。有没有办法让这个布局在 bs3 中工作?
这是一个小提琴,问题出现在 Safari、Firefox 和 Chrome 中:
表单代码是这样的,我对bs3表单和网格不是很熟悉,也许有人会发现问题:
<form class="form-horizontal" role="form">
<div class="row">
<div class="col-sm-2 col-md-2 col-lg-2">
<div class="form-group">
<label for="inputAcademicTitle">Degree</label>
<input type="text" class="form-control" id="inputAcademicTitle" placeholder="Titel" value="Resizing causes me to disable">
</div>
</div>
<div class="col-sm-1 col-md-1 col-lg-1"></div>
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="form-group">
<label for="inputFirstName">First name</label>
<input type="text" class="form-control" id="firstName" placeholder="Your first name" value="Resizing causes me to disable">
</div>
</div>
<div class="col-sm-1 col-md-1 col-lg-1"></div>
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="form-group">
<label for="inputLastName">Last name</label>
<input type="text" class="form-control" id="lastName" placeholder="Your last name" value="Resizing causes me to disable">
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<label for="inputMotto">Comment</label>
<textarea class="form-control" rows="3" id="motto" placeholder="Your comment">textareas are not affected</textarea>
</div>
</div>
</div>
</div>
</form>