上一页 1 2 3 4 5 6 7 ··· 28 下一页
摘要: 实例解析 向您想要监听的元素(通常是 body)添加 data-bs-spy="scroll" 。 然后添加 data-bs-target 属性,它的值为导航栏的 id 或 class (.navbar)。这样就可以联系上可滚动区域。 注意可滚动项元素上的 id (<div id="section1 阅读全文
posted @ 2021-11-22 11:01 While!true 阅读(99) 评论(0) 推荐(0) 编辑
摘要: Bootstrap5 滚动监听(Scrollspy) 滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。 如何创建滚动监听 以下实例演示了如何创建滚动监听: 实例 <!-- 可滚动区域 --> <body data-bs-s 阅读全文
posted @ 2021-11-21 10:16 While!true 阅读(52) 评论(0) 推荐(0) 编辑
摘要: Bootstrap5 弹出框 弹出框控件类似于提示框,它在鼠标点击到元素后显示,与提示框不同的是它可以显示更多的内容。 如何创建弹出框 通过向元素添加 data-bs-toggle="popover" 来来创建弹出框。 title 属性的内容为弹出框的标题,data-bs-content 属性显示了 阅读全文
posted @ 2021-11-20 20:25 While!true 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 对于畅销书刊、热点话题、时尚科技,始终不太感兴趣。书刊,喜欢有一定年份的。话题,钟情于务虚的观点。新奇的产品于我无缘,习惯使用成熟的科技产品。既不清高,也非冷漠,就是要与现实保持一定的距离,给自己留一点思考的空间。这一习惯最近破了例。由于工作的原因,耳濡目染,“大数据”这个新兴概念开始频繁步入我的视 阅读全文
posted @ 2021-11-19 10:51 While!true 阅读(26) 评论(0) 推荐(0) 编辑
摘要: Bootstrap5 提示框 提示框是一个小小的弹窗,在鼠标移动到元素上显示,鼠标移到元素外就消失。 如何创建提示框 通过向元素添加 data-bs-toggle="tooltip" 来来创建提示框。 title 属性的内容为提示框显示的内容: <button type="button" class 阅读全文
posted @ 2021-11-18 09:50 While!true 阅读(48) 评论(0) 推荐(0) 编辑
摘要: Bootstrap5 模态框 模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。 如何创建模态框 以下实例创建了一个简单的模态框效果 : 实例 <button type="button" class=" 阅读全文
posted @ 2021-11-17 19:50 While!true 阅读(67) 评论(0) 推荐(0) 编辑
摘要: Bootstrap5 轮播 轮播是一个循环的幻灯片: 如何创建轮播 以下实例创建了一个简单的图片轮播效果 : 实例 <!-- 轮播 --> <div id="demo" class="carousel slide" data-bs-ride="carousel"> <!-- 指示符 --> <div 阅读全文
posted @ 2021-11-16 09:49 While!true 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 品牌/Logo .navbar-brand 类用于高亮显示品牌/Logo: 实例 <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> <a class="navbar-brand" href="#">Logo</a> ... </nav 阅读全文
posted @ 2021-11-15 10:13 While!true 阅读(53) 评论(0) 推荐(0) 编辑
摘要: jQuery 遍历 - 后代 后代是子、孙、曾孙等 Bootstrap5 导航栏 导航栏一般放在页面的顶部。 我们可以使用 .navbar 类来创建一个标准的导航栏,后面紧跟: .navbar-expand-xxl|xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水平铺开,小屏幕垂直堆叠)。 阅读全文
posted @ 2021-11-14 10:11 While!true 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 胶囊下拉菜单 实例 <ul class="nav nav-pills"> <li class="nav-item"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item dropdown"> <a clas 阅读全文
posted @ 2021-11-13 14:10 While!true 阅读(84) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 28 下一页