10-Bootstrap 4 的新增组件—旋转器和卡片
Bootstrap 4 的新增组件—旋转器和卡片旋转器特效定义旋转器Bootstrap Spinner 是一种用来显示加载状态的动画组件。可以通过添加 .spinner-border 或 .spinner-grow 类来创建不同样式的旋转器。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <title>Bootstrap 4的新增组件——旋转器和卡片</title> <!– Bootstrap核心css文件–> <link rel="stylesheet&quo...
11-快速认识JavaScript 插件
快速认识JavaScript 插件插件概述插件分类Bootstrap插件分为交互性组件（如模态框、警告框等）和导航性组件（如下拉菜单、标签页等） 安装插件Bootstrap插件可以通过引入Bootstrap库来使用。通常在HTML文件的头部引入Bootstrap的CSS和JS文件。 调用插件插件的调用可以通过数据属性（如data-bs-toggle）或JavaScript API来实现。 事件每个Bootstrap插件都有相应的事件，可以使用这些事件来处理用户交互。 按钮切换状态使用Bootstrap的按钮组可以实现切换按钮的状态（如启用/禁用） <!– 切换按钮状态 –><button type="button" class="btn btn-primary" data-bs-toggle="button" aria-pressed="false" autocomplete="off"> 单击切换...
12-深入精通JavaScript 插件
深入精通JavaScript 插件折叠定义折叠折叠是指将内容隐藏起来，只显示一部分内容或标题。 在Bootstrap中，折叠功能常用于折叠面板、手风琴效果等。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <title>Container</title> <!– Bootstrap核心css文件–> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootst...
17-项目案例：Web设计与定制网站
bootstrap
18-项目案例：开发神影视频网站
bootstrap
08-bootstrap框架-CSS组件（二）
bootstrap
07-bootstrap框架-CSS组件（一）
bootstrap
06-核心工具库—CSS 通用样式类
bootstrap
05-bootstrap框架-表单
bootstrap
04-Bootstrap 4 的新布局—弹性盒子
bootstrap
