Bootstrap 导航栏 - 品牌/差距问题

Bootstrap Navigation Bar - Brand / Gap issues

这里需要一些帮助。我基本上需要一个 Navbar 来隐藏品牌并在它超过断点时消除它旁边的间隙 - 并在它处于断点时显示带有间隙的品牌。有什么想法吗? - 提前致谢。 :)

HTML 是否在导航栏切换中 - 仅在小型设备或折叠设备上显示品牌标题:

<a class="navbar-brand visible-xs" href="#">Site Navigation</a>

CSS是这样的:

@media screen and ( min-width: 700px ) {
    .navbar .container-fluid, .navbar-collapse {
        padding-left:0;
    }
    .navbar-collapse.in {
        padding-left:30px;
    }
}

HTML 是否在导航栏切换中 - 仅在小型设备或折叠设备上显示品牌标题:

<a class="navbar-brand visible-xs" href="#">Site Navigation</a>

CSS是这样的:

@media screen and ( min-width: 700px ) {
.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}
}

这应该是排序。 :)