答:字体图标是在 Web 项目中使用的图标字体,可以通过基于项目的 Bootstrap 来免费使用这些图标。...不要尝试同时引用这两个文件，因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。...查看 Bootstrap 当前支持的 jQuery 版本 通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码 （首选方式），如果需要关闭请采用下列方式....alert() #该方法让所有的警告框都带有关闭功能。 $('#identifier').alert(); 关闭方法 .alert('close') #关闭所有的警告框。...（collapsible）； parent selector 默认值：false data-parent 如果提供了一个选择器，当可折叠项目显示时，指定父元素下的所有可折叠的元素将被关闭。
Bootstrap 4 & Font awesome snippets bootstrap4和font awesome 快速引用和代码生成。...vscode-browser-plugin 在编辑器内预览HTML， 通过开启端口(3000)监听当前打开项目的根目录，在编辑器内预览网站，省去了频繁切换浏览器、编辑器看页面效果，修改代码后自动刷新页面...vsc常用快捷键： 同时打开多个窗口（查看多个项目） 打开一个新窗口： Ctrl+Shift+N 关闭窗口： Ctrl+Shift+W 同时打开多个编辑器（查看多个文件） 新建文件 Ctrl+N...Ctrl+1 Ctrl+2 Ctrl+3 3个编辑器之间循环切换 Ctrl+` 编辑器换位置，Ctrl+k然后按Left或Right 格式调整 代码行缩进Ctrl+[， Ctrl+] 折叠打开代码块...Ctrl+Delete Shrink/expand selection： Shift+Alt+Left和Shift+Alt+Right Multi-Cursor：可以连续选择多处，然后一起修改，Alt
Close 关闭当前活动编辑窗 Close All 关闭所有打开的文件 Close Others 关闭除了活动窗体以外的其他编辑窗或者移动到x按钮位置，按alt ?...编译项目，module，class 启动运行或者调试配置 执行版本控制操作 比如pull commit或者push等等 关闭文件 关闭项目 退出ide 调整自动保存行为 在(File | Settings...递归折叠 ctrl+alt+ - 递归折叠当前代码块 展开全部 ctrl+shift+ + 展开全部当前代码块 折叠全部 ctrl+shift+ - 折叠全部当前代码块 展开等级 ctrl+* 和1,2,3,4,5...展开等级（数字代表展开的层级，比如有两层折叠，如果按1则只展开最外一层，2则展开2层）当前代码块 折叠等级 ctrl+shift+* 和1,2,3,4,5 折叠等级（数字代表折叠的层级，如果按1则只折叠最外一层...项目相关 当前文件(正在编辑的) 已经定义的范围，在超大项目的时候相当有用。 如果版本控制可用，会有更改列表。 选择你想要的视图标签，并探索你遇到的TODO组。
在这里，请求是打开和关闭下拉菜单。 让我展示一个如何使用这些事件的例子。我已经写了下面的JQuery代码片段去监听所有的下拉插件状态，并打印每个事件触发时的状态。 <!...复选框 包含CSS样式的单选、复选按钮用起来并不方便，Bootstrap提供了一个重新设计的方案：它将一组复选框或单选按钮组合成一组Bootstrap按钮，这些按钮被放在一起。...包裹体可以有三个类panel-collapse、collapse和in；类collapse用来折叠和隐藏面板中panel-body的内容，而in显示这些内容。...首先，我们为所有的幻灯片创建一个包装器元素。这将是一个包含类carousel-inner的div。每个幻灯片由一个具有类”item”的元素定义。每个项目都必须有一个表示图像和可选的文本数据。...对每张幻灯片重复相同的项目标记。在您完成创建所有幻灯片之后，我们将构建一个用于导航carousel内容的控件部分。
Ctrl+\把正在编辑的页面复制一份 ctrl+`是打开终端 Ctrl+P->@这个可以在打开的文件内搜索各种符号 Ctrl+G跳转到行 ctrl+shift+f是全局搜索 ctrl+shift+[ ctrl...ctrl+shift+E会把当前打开的文件指向文件资源管理器 当你的代码很多的时候，这个跳转的功能就很有必要了 ctrl+f4就是关闭当前的文件窗口 ctrl+Tab，在打开的文件之间互相跳转 Alt...ctrl+k，ctrl+j打开全部折叠的代码 可以使用全部折叠( Ctrl+K Ctrl+0 ) 和全部展开( Ctrl+K Ctrl+J )折叠/展开编辑器中的所有区域。...可以使用折叠所有块注释( Ctrl+K Ctrl+/ )折叠所有块注释。 选中以后F2，更改名字 Alt+R打开正则匹配 可以摁住Alt向下拆分 Ctrl+PageDown转到正确的编辑器。...Ctrl+Tab打开编辑器组 MRU 列表中的上一个编辑器。 Ctrl+1转到最左边的编辑器组。 Ctrl+2转到中心编辑器组。 Ctrl+3转到最右边的编辑器组。 Ctrl+F4关闭活动编辑器。
--- BootStrap 2.x.x 版本 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。...将 BootStrap 引入项目中使用有两种方式： 直接使用网上资源 将相关资源下载至本地使用 使用网上资源 第一种方式最简单，直接在 HTML 文档中声明 css 和 js 文件来源即可，如： 的效果，我主要想理清楚两点： 展开和折叠是怎么实现的？ 展开时那些列表是如何实现的？...所以，梳理一下，通过给 添加 collapse 的 class 可以让这个区域折叠隐藏起来，然后给它设置一个 id；然后给控制这个折叠区域的按钮添加 data-toggle 和 data-target...属性，通过 id 来控制指定区域的折叠和展开。
当 'foldlevel' 为 0 时，所有的折叠关闭。 当 'foldlevel' 为正数时，一些折叠关闭。 当 'foldlevel' 很大时，所有的折叠打开。...一个打开的折叠由一栏来表示，顶端是 '-'，其下方是 '|'。这栏在折叠结束的地方结束。当折叠嵌套时，嵌套的折叠出现在被包含的折叠右方一个字符位置。 一个关闭的折叠由 '+' 表示。...在折叠栏点击鼠标，可以打开和关闭折叠： - 点击 '+' 打开在这行的关闭折叠 - 在任何其他非空字符上点击，关闭这行上的打开折叠 在vim配置文件/home/user/.vimrc中加入如下的配置：...set foldcolumn=5 " 设置折叠栏宽度 常用命令 za 打开/关闭在光标下的折叠 zA 循环地打开/关闭光标下的折叠 zo 打开 (open) 在光标下的折叠 zO ...循环打开 (Open) 光标下的折叠 zc 关闭 (close) 在光标下的折叠 zC 循环关闭 (Close) 在光标下的所有折叠 zM 关闭所有折叠 zR 打开所有的折叠 帮助文档 :help
可以直接引用 bootstrap.js 或压缩版的 bootstrap.min.js 折叠（Collapse） 以使用带有属性的链接href或带有属性的按钮data-target。...单击下面的按钮以通过类更改显示和隐藏另一个元素： .collapse隐藏内容 .collapsing在过渡期间应用 .collapse.in显示内容 <!...，点击后也可以展示 多个折叠 只需向元素添加data-toggle=”collapse”和 adata-target即可自动分配对可折叠元素的控制。...该data-target属性接受一个 CSS 选择器来应用折叠。确保将类添加collapse到可折叠元素。如果您希望它默认打开，请添加附加类in。 折叠元素实际被隐藏之前（即在事件发生之前）返回给调用者。hidden.bs.collapse Bootstrap 的折叠类公开了一些用于挂钩折叠功能的事件。
2019年实习时的 BootStrap(4.x)基础知识 备份 BootStrap5六角学院文档： HexSchool 顺便推荐一个程序员段子网站 techug.com 栅格系统 栅格类 例：和 data-dismiss="alert" 类来设置提示框的关闭操作。...的 .card 与 .card-body 类来创建一个简单的卡片 Bootstrap4 的卡片类似 Bootstrap 3 中的面板、图片缩略图、well .card-header类用于创建卡片的头部样式...增加 .spinner-border-sm 和 .spinner-grow-sm 制作一个较小的读取图示，让它可以在其他元件中快速地被使用。 在按钮内使用读取图示是表示当前正在处理或正在进行操作。..."> 打开模态框 <!
元素：这是按钮元素，用于切换导航栏的折叠状态。 class="navbar-toggler-icon"：这是 Bootstrap 提供的按钮图标，用于切换导航栏的展开和折叠状态。...这个基本的导航栏结构包含了网站的标志和几个导航链接。当浏览器窗口缩小到一定尺寸时，导航栏会自动折叠，以适应小屏幕设备。...navbar-expand-lg、navbar-expand-md：根据屏幕尺寸展开或折叠导航栏。...可关闭的警告框 有时候，您可能希望用户能够关闭警告框。Bootstrap 允许您创建可关闭的警告框，用户可以点击关闭图标来关闭警告。... 在这个示例中，按钮包含 data-toggle="modal" 和 data-target="#exampleModal" 属性，它们告诉 Bootstrap 当按钮被点击时要打开哪个模态框
4、linter和linter-jshint 该插件是用jshint来检查代码，想必大家都听说过jshint代码检查工具，它有一个配置文件.jshintrc，这个文件告诉jshint执行的检查规则。...12、atom-bootstrap3 bootstrap3代码提示插件。 13、Remote-FTP ftp管理工具，命令和图形化界面都支持。 ?...ATOM快捷键大全 文件切换 ctrl-shift-s保存所有打开的文件 cmd-shift-o 打开目录 cmd-\ 显示或隐藏目录树 ctrl-0焦点移到目录树，目录树下，使用a，m，delete...alt-left展开(隐藏)所有目录 ctrl-al-] 和 ctrl-al-[ 展开(隐藏)所有目录 ctrl-[ 和 ctrl-] 展开(隐藏)所有目录 cmd-k h 或者 cmd-k...left 在左半视图中打开文件 cmd-k j或者cmd-k down在下半视图中打开文件 ctrl-shift-C复制当前文件绝对路径 编辑和删除文本 基本操作 ctrl-T使光标前后字符交换
1、 data-toggle="modal" data-target="#打开的模态框元素的...ID" 2、 data-toggle="modal" href="#打开的模态框元素的...作用：提供最基本的遮罩层 属性： data-backdrop="static" 只能通过关闭按钮关闭对话框...- Accordion 3、响应式导航条 1、什么是响应式导航条 当屏幕尺寸>=768px时，可以正常显示所有的内容，当屏幕尺寸 ============================================ Bootstrap
Alt + Tab 在打开的应用之间切换。 Alt + F4 关闭活动项，或者退出活动应用。 Windows 徽标键 + L 锁定你的电脑。 Windows 徽标键 + D 显示和隐藏桌面。...Ctrl + F4 关闭活动文档 Ctrl + A 选择文档或窗口中的所有项目。 Ctrl + D（或 Delete） 删除选定项，将其移至回收站。 Ctrl + R（或 F5） 刷新活动窗口。...Ctrl + 空格键 打开或关闭中文输入法编辑器 (IME)。 Shift + F10 显示选定项的快捷菜单。 按 Shift 与任何箭头键 在窗口中或桌面上选择多个项目，或在文档中选择文本。...Ctrl + N 打开新窗口。 Ctrl + W 关闭活动窗口。 Ctrl + 鼠标滚轮 更改文件和文件夹图标的大小和外观。 Ctrl + Shift + E 显示选定文件夹上的所有文件夹。...Windows 徽标键 + Ctrl + F4 关闭你正在使用的虚拟桌面。 附录 Windows 的键盘快捷方式
响应式网格视图通常有12列，总宽度为100％，并在调整浏览器窗口大小时缩小和展开。 让我们开始构建响应式网格视图。 首先确保所有HTML元素都将box-sizing属性设置为border-box。...Bootstrap 4 网格系统有以下 5 个类(class): .col- 针对所有设备 col-xs 小设备 .col-sm 平板 - 屏幕宽度等于或大于 576px .col-md 桌面显示器...预定义的类如 .row 和 .col-sm-4 可用于快速制作网格布局。col:column列单词；sm:平板;-4:4个格 col-sm-n，n（1--12）设置列。...Bootstrap 3 和 Bootstrap 4 最大的区别在于 Bootstrap 4 现在使用 flexbox（弹性盒子） 而不是浮动。...Bootstrap 折叠（Collapse）插件 折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。
Bootstrap 组件 －警告框.alert，允许将任意字符与可选的关闭按钮组合在一起的结构 (1). .alert-success/danger/info/warning 成功/危险/信息/警告...特殊效果：手风琴(Accordion)，此效果分为面板组(panel-group)和折叠插件两部分 ? (4)....用于显示 navbar-brand 和折叠点击按钮 ②. class.navbar-brand 定义 brand 内容 ③. class.navbar-togglte 定义折叠按钮 ④. class...Less 和 Bootstrap 定制 样式语言的分类有分两种 (1)....在工程目录下新建“less”文件夹,将bootstrap源代码拷贝到文件夹下，webstrom会自动编译所有的less文件 (3).
快捷键 说明 F2 定位到高亮错误或警告的位置 F4 若选中项目，打开 Project Struture F5 复制文件 Alt+F3 选中文本，逐个往下查找相同文本，并高亮显示 Alt+F1 可以将正在编辑的元素在各个面板中定位...Shift+F6 重命名，可以class定义时修改类名； 修改后按Enter Ctrl+F12 显示当前文件的结构 Ctrl+Shift+F7 选中文本，高亮显示所有该文本，按Esc高亮消失 Ctrl... + Alt + S 打开设置界面 Ctrl + O 快捷覆写方法 Ctrl + Plus/Minus 折叠展开代码块 Ctrl + Shift + Plus,Minus 折叠展开全部代码块 Ctrl...Ctrl+X 删除行 Ctrl+D 如果为选中则复制行，否则在选中的后面粘贴复制的内容 Ctrl+Shift+J 可以整合两行 ,将后一行整合到光标定义的行 Ctrl+/和Ctrl+Shift+/...上下移动代码 Alt+Insert 生成代码(如get,set方法,构造函数等) Alt+Up and Alt+Down 可在方法间快速移动 Shift + Del 删除 Shift+Click 可以关闭文件
一、关于 Knife4j Knife4j 的前身是 swagger-bootstrap-ui，是 springfox-swagger-ui 的增强 UI 实现。...swagger-bootstrap-ui 采用的是前端 UI 混合后端 Java 代码的打包方式，在微服务的场景下显得非常臃肿，改良后的 Knife4j 更加小巧、轻量，并且功能更加强大。...://gitee.com/xiaoym/swagger-bootstrap-ui-demo 二、整合 Swagger 为了对比 Knife4j 和 Swagger，我们先来整合体验一把 Swagger。...2）支持 JSON 折叠 Swagger 是不支持 JSON 折叠的，当返回的信息非常多的时候，界面就会显得非常的臃肿。Knife4j 则不同，可以对返回的 JSON 节点进行折叠。...3）离线文档 Knife4j 支持把 API 文档导出为离线文档（支持 markdown 格式、HTML 格式、Word 格式）， 使用 Typora 打开后的样子如下，非常的大方美观。
快捷键 功能 快捷键 Ctrl+N 新建文件 Ctrl+O 打开文件夹 Ctrl+W 关闭当前文件 Ctrl+S 保存文件 Ctrl+shif+S 另存为 Ctrl+P...Alt+Shift+P 新建项目 Ctrl+Shift+N 打开一个新Egret Wing窗口 Ctrl+Shift+O 能够打开快速大纲面板，显示当前文件中定义的所有类，方法和变量。...选择当前行 Alt+Shift+F 格式化代码 Tab 自动补全 Alt+Backspace 删除光标所在单词的光标前的部分 Alt+括号 打印出整个括号 Alt+↑或者Alt+↓ 关闭或者打开光标所在的一个折叠...Alt+←或者Alt+→ 切换光标上一个下一个位置 Alt+Home 关闭所有折叠 Alt+End 关闭所有折叠 Alt+F3 打开搜索模式 Alt+F5 运行当前的文件 Alt...+1 打开所有折叠 Alt+2 折叠所有classes Alt+3 折叠所有函数和类 Shift+Enter 向上新建一行 ctrl+“/” 批量注释 ctrl+shift+“/”
HTML文件分为两个主要部分：头部（head）和主体（body）； 在这个文件中，头部始于4处。HTML文件的头部不包含任何内容：它只是将正确显示页面所需 的信息告诉浏览器。...接下来的标签启用你可能在页面中使用的所有交互式行为，如可折叠的导航 栏。7处为结束标签。 2....对于这个元素内的所有内容，都将根据选择器 （selector）navbar、navbar-default和navbar-static-top定义的Bootstrap样式规则来设置样式。...如果用户单击这个按钮，将出现一个下拉列表，其中包含所有的导航元素。在用户缩小 浏览器窗口或在屏幕较小的移动设备上显示网站时，collapse会使导航栏折叠起来。...在3处，我们在导航栏的最左边显示项目名，并将其设置为到主页的链接，因为它将出现在 这个项目的每个页面中。 在4处，我们定义了一组让用户能够在网站中导航的链接。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
