bootstrap作为当前最流行的前端框架,可以使我们高效的开发网站。
下面简单的介绍一下,bootstrap的跟随导航的设置。
在设置之前,需要引入bootstrap的css和js文件,如下:
跟随导航,不知道哪位大侠起的名字,挺形象的。其实就是导航菜单跟着垂直滚动条的向下滚动时,当滚动距离超过了导航的高度和位置的时候,导航变为固定到网页的头部;当返回顶部的时候,导航菜单恢复原样。
在bootstrap中有一个JavaScript组件,叫做 Affix 。下面我们看看它的用法:
2025年05月25日
bootstrap作为当前最流行的前端框架,可以使我们高效的开发网站。
下面简单的介绍一下,bootstrap的跟随导航的设置。
在设置之前,需要引入bootstrap的css和js文件,如下:
跟随导航,不知道哪位大侠起的名字,挺形象的。其实就是导航菜单跟着垂直滚动条的向下滚动时,当滚动距离超过了导航的高度和位置的时候,导航变为固定到网页的头部;当返回顶部的时候,导航菜单恢复原样。
在bootstrap中有一个JavaScript组件,叫做 Affix 。下面我们看看它的用法:
2025年05月25日
遇到好几次出现k8s 本身证书也没过期,但是在日志中显示 failed to run Kubelet: unable to load bootstrap kubeconfig: stat
/etc/kubernetes/bootstrap-kubelet.conf: no such file or directory
kubelet 无法启动
2025年05月25日
以下将要介绍下 bootstrap 中treeview 树图的核心代码咯!!
先看下效果图吧:
如上图所见,如果您的前端用的bootstrap,那用treeview 的话 样式就比较统一了。
因为个人局的treeview 其实不是很好的。只不过样式好统一,不然我也不会选他,这玩意方法少,比如你来个异步加载之类的操作,比较麻烦。
2025年05月25日
标签tab页在,当前的web中应用十分广泛,君不见,在博客的右侧出现的最新文章和随机文章中有它的身影,在大型门户网站中也有它的身影,可以说其无处不在的刷着存在感。
既然其如此嚣张的存在,我们没有理由不应用呀。
来吧。让bootstrap赐予我力量,用它来简单的,毫无压力的应用吧。
先上个 某易 网站的效果:
下面让我们开始吧:
1、用data属性来调用:
2025年05月25日
今天给大家分享一个超清爽的后台管理系统。
Light Year Admin)是一个基于Bootstrap v3.3.7开发的轻量级后台HTML模板。
非常简洁的一套html后台管理模板,如果大家对纯html后台感兴趣,不妨去看看。
2025年05月25日
应用场景:
在一些单页面的情况下,滚动监听应用比较多。下面是一个效果图:
2、用data--toggle 属性来调用
向您想要监听的元素(通常是 body)添加 data-spy="scroll"。然后添加带有 Bootstrap .nav 组件的父元素的 ID 或 class 的属性 data-target。为了它能正常工作,您必须确保页面主体中有匹配您所要监听链接的 ID 的元素存在。
2025年05月25日
在bootstrap中按钮的样式不但可以大小、还可以规定颜色等。
下面是用法:
1、先引入bootstrap的css文件。
2、颜色:
btn-default 默认按钮
.btn-primary 原始按钮
btn-success 成功按钮
btn-info 信息按钮
2025年05月25日
当给一个本身就带有事件的标签绑定事件时,需要先阻止那个标签的原生事件,不然会容易产生BUG。
事件冒泡是指在DOM中,当一个特定元素上发生某个事件时,如果该元素有父元素,那么父元素也会接收到相同的事件。接着,如果父元素上也有相同类型的事件监听器,那么它也会被触发。这个过程会一直向上传播,直到到达DOM树的根节点。
2025年05月25日
最近我们线上有同学反馈,java 服务在接入了支持预发的 javaagent 以后会出现缓存的内存增长,去掉 agent 启动以后内存增长正常。于是分析了一下这个问题,写了这篇文章。
备注:JVM 堆内存最大 1000M
主要会涉及下面这些内容: