bootstrap自定义样式与原样式优先级问题
<div class="form-group form-inline col-md-10 col-md-offset-1">
    <label class="control-label">联系方式</label>
    <input class="input_of_sign form-control" style="margin-left: 2em; width: 70%;">
</div>

比如上面的一个应用了bootstrap框架的片段,我想调整input大小让它可以用栅格系统控制,就得加一个width:100%的样式,把样式写在html里(style里面)是可以调整,写在外部css里面在调用,就会出现问题,不论在原bootstrap类之前调用还是之后,都有问题; 望解答


    是这样的,我想用bootstrap把label和Input放在同一行,就用了form-inline,但用过之后发现input大小被限制了,所以想通过设置width大小然后在用栅格系统来控制大小~发现如上问题 

5个回答

可以在css后面加一个!important,对原来的样式进行覆盖。

在bootstrap里引入自己的外部样式文件,在编译后你的样式会放在最前,就是优先级最低。解决办法是把你的样式改为scss文件引入,进行编译,bootstrap兼容css,编译进去就可以了

http://book.2cto.com/201405/42723.html;你没具体说出现什么问题 ,没有显示样式,看路径是否有问题;

http://www.cnblogs.com/aaronjs/p/3156809.html
看下这俩个,是否对你有用;

Elson_tju
Elson_tju 是这样的,我想用bootstrap把label和Input放在同一行,就用了form-inline,但用过之后发现input大小被限制了,所以想通过设置width大小然后在用栅格系统来控制大小~发现如上问题
接近 5 年之前 回复

你写的样式级别不够高,覆盖不了bs的默认样式。你用开发工具看下设置长度的样式什么,然后自己将选择器路径网站复制下来后自己在bs的css后面用style覆盖这个样式

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问