Elson_tju
2015-09-09 02:47
采纳率: 66.7%
浏览 3.9k

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条回答 默认 最新

  • Q544471255 2015-09-09 04:56
    已采纳

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

    打赏 评论
  • Smile_Carl 2015-09-09 03:04

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

    打赏 评论
  • liesp 2015-09-09 03:04

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

    打赏 评论
  • Smile_Carl 2015-09-09 03:09

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

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

    打赏 评论

相关推荐 更多相似问题