本文介绍了Bootstrap 水平形式“控制标签"不使用响应式样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在 Bootstrap 2 中使用了form-horizontal"类,但我的标签似乎没有使用响应式样式.这是它的样子:
当我检查它时,它的标签上特别有width:160px",这是常规的 Bootstrap 设置,但响应式样式只有width:auto".
该部分的 HTML 如下所示:
<div class="control-group"><label for="title" class="control-label">Title</label><div class="控件"><input type="text" name="title" id="title"/>
</表单>
解决方案
bootstrap.css
必须在 bootstrap-responsive.css
文件之前加载.
I'm using the "form-horizontal" class with Bootstrap 2, but my labels don't seem to be utilizing the Responsive styling. This is what it looks like:
When I examine it, it specifically has "width:160px" on the label, which is the regular Bootstrap setting, but the Responsive styling just has "width:auto".
My HTML for that section looks like this:
<form id="addproject" class="form-horizontal">
<div class="control-group">
<label for="title" class="control-label">Title</label>
<div class="controls">
<input type="text" name="title" id="title" />
</div>
</div>
</form>
解决方案
bootstrap.css
must be loaded before the bootstrap-responsive.css
file.
这篇关于Bootstrap 水平形式“控制标签"不使用响应式样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!