码迷,mamicode.com
首页 > 其他好文 > 详细

bulma中PC端和mobile端导航栏菜单项统一问题

时间:2018-10-04 18:56:43      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:active   src   info   nav   首页   menu   vba   ima   code   

  1. 原本我写的时候在navbar-menu标签内的东西在移动端是看不到的;后参照bulma首页的做法,渐清一二
  2. 理解navbar-burger这个标签,在PC不显示,在mobile端才显示。
  3. 利用这个在mobile端才显示的按钮性质的标签来唤起navbar-menu的显示
  4. navbar-menu修饰的标签需要在mobile端显示需要在该标签class追加is-active这个类
  5. 其中逻辑,大家可以用js实现一下,【还有navbar-burger指向的按钮性质标签需添加data-target=id(此id为navbar-menu的),好像没什么必要,or另有他用。不清楚】

sss


code:

 技术分享图片


result:

技术分享图片

 

bulma中PC端和mobile端导航栏菜单项统一问题

标签:active   src   info   nav   首页   menu   vba   ima   code   

原文地址:https://www.cnblogs.com/JianGuoYanSe/p/9742768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!