开发者社区> 问答> 正文

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大小然后在用栅格系统来控制大小~发现如上问题 

展开
收起
小旋风柴进 2016-03-13 10:13:07 3880 0
1 条回答
写回答
取消 提交回答
  • 在bootstrap里引入自己的外部样式文件,在编译后你的样式会放在最前,就是优先级最低。解决办法是把你的样式改为scss文件引入,进行编译,bootstrap兼容css,编译进去就可以了

    2019-07-17 19:01:58
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载