화면이 660px에 도달했을 때 SideBar 부트 스트랩을 숨기는 방법

-1

"@media only screen and (max-width : 660px)"하지만 확대하면 부트 스트랩의 사이드 바를 숨기려고합니다. 그러나 결과적으로 자동으로 배포됩니다. 나는 그런 일이 일어나기를 원하지 않는다.화면이 660px에 도달했을 때 SideBar 부트 스트랩을 숨기는 방법

에스테 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

출처

2017-12-05 Rafhael Carrión Limaymanta

주세요 결코, 어떤 상황에서의 이미지 – Twometer

가능한 중복 등의 우편 번호 [기본적으로 부트 스트랩에 사이드 바를 숨기는 방법?] (https://stackoverflow.com/questions/32324321/how-to -hide-sidebar-in-bootstrap-by-default) – Twometer

[snippet] (https://stackoverflow.blog/2014/09/16/introducing-runnable-javascript-css-and-html-code)을 만드는 것이 좋습니다. -snippets /)를 사용하여 문제를 보여줍니다. – Zze

를 사용하여 새로운 클래스 삽입 가시성 : 숨겨진;

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


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

출처

2017-12-05 22:30:11 Morningstar

덕분에, 그 생각을 도와주었습니다. –

화면이 660px에 도달했을 때 SideBar 부트 스트랩을 숨기는 방법

답변

관련 문제