html - 如何在打开侧边导航栏时推送 HTML 内容？

Question

Here is the snap of the website

在侧面导航栏出现后我提供的这张图片上，汉堡包图标和公司图片被隐藏，以及如何使用 bootstrap、css 关闭该侧面导航栏。

Answer 1

您可以使用 JQuery 将公司 Logo 和汉堡包图标在导航打开时向右移动，并在导航关闭时向左移动。如果我没看错的话。有点难以理解你的问题。

只是一个例子，因为我没有实际的代码可以引用。

$('.navbar-toggle').click(function(){
     if($(this).hasClass('collapsed'){
          //set position to relative if not set
          $('.logo').css({'position':'relative','left':'100px'});
          $(this).css({'position':'relative','left':'100px'});
     }else{
          //set back to 0 or original position 
          $('.logo').css({'left':'0px'});
          $(this).css({'left':'0px'});
     }
});