Question

bootstrap词缀不能处理冲突的样式，此时我喜欢我的设计太多，不能放弃它的示例版本like this.

我后来意识到只需更改bootstrap中的fixed-top就可以轻松完成词缀。目前，我的css和onload js看起来像这样：

CSS：

.fixed-top {
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 1030;
    }
.badli .fixed-top{
    position: fixed;
    top: 0px!important;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: 0.5s;
    }

JS：

<script type="text/javascript">

        $(window).scroll(function() {
            if ($(document).scrollTop() > 70) {
            $('.navbar').addClass('badli');
            }
            else {
            $('.navbar').removeClass('badli'); }
            });
</script>

HTML：

<nav class="navbar fixed-top navbar-toggleable-md navbar-light bg-faded">

所以我的问题是：

为什么当<nav class="navbar fixed-top navbar-toggleable-md navbar-light bg-faded">更改为<nav class="navbar fixed-top navbar-toggleable-md navbar-light bg-faded badli">

时， .fixed-top 中的顶部属性不会从70px更改为0px

我定位.badli对吗？因此，当出现.badli时，不应该执行.badli .fixed-top吗？我哪里出错了。我从哪里开始了解这一点？答案和参考将是巨大的帮助

改变固定顶部做个词缀

所以我的问题是：

0 个答案: