画面が660pxに達したときにサイドバーのブートストラップを隠す方法

Question

ズーム時に「@ media only screen and（max-width：660px）」というブートストラップのサイドバーを隠そうとしていますが、私はそれが起こることを望んでいません。

エステESエルcódigoデストラップ：

@media only screen and (max-width:660px) { 
#header { 
    height: 160px 
} 

    #header .brand { 
     width: 100% 
    } 

    #header .user-nav ul { 
     padding-left: 0 
    } 

    #header .toggle-navigation.toggle-left { 
     float: left 
    } 

.sidebar { 
    margin-left: -240px 
} 

.sidebar-toggle { 
    margin-left: 0; 
    width: 100% 
} 



.main-content-wrapper { 
    margin-left: 0 
} 

.main-content-toggle-left { 
    margin-left: 0px; 
} 

.sidebarRight { 
    top: 160px; 
    width: 100% 
} 

.user-nav ul li { 
    font-size: 12px 
} 


} 

this is my html code

Answer 1

を使用して、新しいクラスを挿入 可視性：隠されました;

@media(max-width: 660px){ 
    .hide{ 
    visibility: hidden; 
    } 
} 


<nav class="sidebar sidebar sidebar-toggle hide">