如何在主页上隐藏bootstrap导航栏品牌

Question

如何在索引页面上隐藏仅在768px宽度之上的bootstrap导航栏品牌。这是在网站响应并更改菜单栏时。

Answer 1

将类.hidden-xs添加到导航栏品牌

Answer 2

使用媒体查询设置条件。

@media (min-width: 768px) {
.navbar-brand {
  display: none;
 }
}

或在HTML中将hidden-md hidden lg添加到navbar-brand类。

Answer 3

添加类.visible-xs

Classes Devices 
.visible-xs Extra small (less than 768px) visible 
.visible-sm Small (up to 768 px) visible 
.visible-md Medium (768 px to 991 px) visible 
.visible-lg Larger (992 px and above) visible 
.hidden-xs Extra small (less than 768px) hidden 
.hidden-sm Small (up to 768 px) hidden 
.hidden-md Medium (768 px to 991 px) hidden 
.hidden-lg Larger (992 px and above) hidden 

Answer 4

仅在index.html或主页中添加此代码。

<style> 
@media (min-width: 768px) {
 .navbar-brand {
    display: none;
 }
}
</style>