最新推荐文章于 2023-07-24 22:23:07 发布
原创
于 2020-04-10 20:18:14 发布 · 6.4k 阅读
· 4
· 7 ·
CC 4.0 BY-SA版权
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
理想效果:
当浏览器页面大于768px时,导航条最右侧的菜单按钮隐藏

当浏览器页面小于768px时,可以点击菜单按钮显示、隐藏下拉菜单


代码:
其中navbar-toggle效果是隐藏菜单小图标,当屏幕分辨率小于768px时,移除此效果。
data-gottle="collaspse"效果为此元素会与另一个元素联动,联动效果是显示与隐藏。
data-target效果是选中与本元素联动的元素,“引号”内填目标元素的类名或id名,

data-toggle用于控制隐藏无序列表,data-target用于指定被作用无序列表
data-toggle的其他属性:

相关知识
Bootstrap花店模板
深入理解BootStrap
bootstrap的 data
Css中路径data用法
Bootstrap for MVC:Html.Bootstrap().TextBoxFor(model=>model.Name)
Z2400025基于SpringBoot+SpringBoot Data Jpa+Mysql的摄影管理系统的设计与实现 源码 配置 文档
Bootstrap响应式食饮类网页制作教程资源
bootstrap 设置时间框
Bootstrap Switch(开关控件)简易使用
已知data = StringVar(),下列选项中可以将data设置为Pyth
网址: bootstrap中导航条data https://www.huajiangbk.com/newsview2197176.html