滚动引导时，中心品牌不会缩小

Question

我已经使用了这个导航栏，但滚动缩小时只会缩小以导航栏为中心的品牌。

http://bootsnipp.com/snippets/XaB7r

Answer 1

您的.shrink课程已经以编程方式调用。使用此类作为特异性钩子。因此，每当激活滚动并且.shrink类出现时，它也会影响navbar-brand类。

免责声明 目前，您没有品牌形象。此解决方案仅适用于您提供的示例，但如果您使用图像替换品牌，则需要使用其他解决方案。

将此添加到您的CSS：

.shrink .navbar-brand {
    height: auto !important;
    font-size: 19px !important;
    padding: 10px 0;
    width: 130px;
}

编辑图片

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    width: 248px;
}

.shrink .navbar-brand img {
    max-width: 200px !important;
}