我将以下默认样式应用于表单标签:
@media (min-width: 1200px)
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
那么如何通过设置{float:none;}覆盖它呢?如果我写了一堂新课,那它还是不会上课的。
我试过了:在custom.css中:
@media (min-width: 1200px){.form-label-float{float:none;}}
这没用!
的HTML:
css的顺序:
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
<link rel="stylesheet/less" type="text/css" href="../css/bootswatch.less"/>
<link rel="stylesheet/less" type="text/css" href="../css/variables.less"/>
<link rel="stylesheet" type="text/css" href="../css/custom.css"/>
<div id="passCode"></div>
<form class="form-horizontal">
<fieldset>
<legend style="color:#145FAC">Please Fill in the Online Form</legend>
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Name</label>
<div class="col-lg-10">
<input type="text" class="form-control formWidth" id="inputName" placeholder="Nam" />
</div>...</div>
</fieldset>
</form>
检查选择器专一性值-尝试添加!important-如果可行,则尝试计算您和引导程序的选择器专一性并进行比较。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句