本文介绍了bootstrap侧导航栏的实现方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。
相关推荐:《bootstrap教程》
bootstrap侧面导航栏实现原理
侧滑栏采用定位fixedd
使用bootstrap响应式使用工具类型 visible-sm visible-xs hidden-xs hidden-ssm等适合不同的屏幕
不采用jquery方法实现侧滑栏的侧滑效果,采用css3 transforms属性div移动,侧滑动画效果采用css属性transition
缺点:使用两套菜单,一套是PC屏幕显示的菜单,一套是移动终端显示的移动导航菜单。这个缺点很明显,生成了无关的标签,优点代码少,简单易接受
效果图
bootstrap导航栏布局