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

时间:2015-10-12 13:22:22

标签: twitter-bootstrap-3 navbar

请在这里需要一些帮助。我基本上需要一个隐藏品牌的Navbar,当它超过断点时消除它旁边的空白 - 并在断点时显示品牌的差距。有什么好主意吗? - 提前致谢。 :)

HTML就是在Navbar切换中 - 仅显示小型设备上的品牌标题或折叠:

<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;
    }
}

1 个答案:

答案 0 :(得分:0)

HTML就是在Navbar切换中 - 仅显示小型设备上的品牌标题或折叠:

<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;
}
}

那应该排序。 :)