webapp 侧边导航效果

@media (max-width: 767px)

.main-sidebar, .left-side {

  -webkit-transform: translate(-230px, 0);

  -ms-transform: translate(-230px, 0);

  -o-transform: translate(-230px, 0);

  transform: translate(-230px, 0);

}

@media (max-width: 767px)

.sidebar-open .main-sidebar, .sidebar-open .left-side {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

}