响应式布局中当屏幕缩小时头部菜单的隐藏和显示怎么实现

Question

响应式布局中当屏幕缩小时头部菜单的隐藏和显示怎么实现

Answer 1

css@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; 
  } 
}

显示的时候把class去掉就可以了。

javascript// 点的地方
$('#button').click(function() {

  // 要显示的地方
  $('#nav').removeClass('hidden-xs');
});