bootstrap自定义样式与原样式优先级问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

bootstrap自定义样式与原样式优先级问题

小旋风柴进 2016-03-13 10:13:07 1633
<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大小然后在用栅格系统来控制大小~发现如上问题 
前端开发
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:01:58

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

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程