`

Bootstrap--图标

 
阅读更多
Bootstrap中的图标的封装是由Glyphicons提供的140个图标,包含深灰色(默认)和白色两种颜色。
http://v2.bootcss.com/base-css.html#icons

bootstrap\bootstrap\img中有两张jpg,查看源码得知正好使用了css sprits 定位不同的小图标。




.icon-glass {
  background-position: 0 0;
}
.icon-music {
  background-position: -24px 0;
}
  • 大小: 8.6 KB
  • 大小: 19.1 KB
分享到:
评论

相关推荐

    Bootstrap5 图标库 bootstrap-icons

    Bootstrap图标库的设计理念是简洁、易用,旨在增强用户界面的可用性和吸引力。 Bootstrap5本身是一个流行的前端框架,它提供了组件化的设计、响应式的布局以及易用的JavaScript插件,帮助开发者快速构建现代网页...

    bootstrap-datetimepicker.js

    2. **图片资源**:可能包含一些图标或箭头图像,用于指示日期的前后移动或时间的选择。 3. **语言文件**:例如`locale/*.js`,这些文件支持多语言,让用户可以根据自己的偏好选择日期和时间的显示格式。 4. **示例或...

    bootstrap-selectv1.12.4.zip

    5. 可能还会有其他资源文件,如字体图标(font icons)或者本地化文件(locale files),用于支持不同的语言和文化设置。 使用 Bootstrap Select,开发者可以轻松实现以下功能: 1. **多选**:允许用户选择多个选项...

    bootstrap-table.js

    在压缩包"Bootstrap_Table"中,除了`bootstrap-table.js`和`bootstrap-table.css`外,可能还包含了其他必要的文件,如示例HTML文件、文档、图标资源等。这些额外的资源可以帮助开发者快速理解和使用Bootstrap Table...

    bootstrap-3.3.7-dist.zip

    3. **字体图标**:`fonts`目录中,有`glyphicons-halflings-regular.eot`、`.svg`、`.ttf`、`.woff`和`.woff2`文件,这些都是 Glyphicons 字体图标集,Bootstrap 3 包含了一套基础的矢量图标,可用于页面元素装饰。...

    Java bootstrap-3.4.1-dist 前端框架

    6. **字体图标**:Bootstrap包含了Glyphicons图标集,这些矢量图标可以在任何分辨率下清晰显示,并且易于使用,只需要将图标类添加到`<i>`或`<span>`标签中。 7. **可访问性**:Bootstrap考虑到了网站的可访问性,...

    bootstrap-treeview压缩包文件

    它包含了对树节点的布局、颜色、图标等元素的样式定义,确保与Bootstrap的其他组件保持一致的外观和感觉。通过调整这些样式,开发者可以定制化Treeview以适应项目的需求,比如更改节点的打开/关闭图标,调整字体颜色...

    startbootstrap-sb-admin

    "startbootstrap-sb-admin" 是一个基于Bootstrap框架的管理界面模板,主要针对Web应用程序的后台管理界面设计。Bootstrap是Twitter开发的一个开源的前端框架,它提供了丰富的预定义样式、组件和JavaScript插件,使得...

    bootstrap-5.3.2-dist.zip

    3. **字体图标**:Bootstrap包含了 Glyphicons 和 Font Awesome 字体图标库,提供了一系列矢量图标,可轻松集成到项目中,为界面增添视觉吸引力。 4. **网格系统**:Bootstrap的网格系统允许开发者创建响应式的布局...

    startbootstrap-sb-admin-gh-pages

    "startbootstrap-sb-admin-gh-pages" 是一个基于Bootstrap框架的免费网页模板,适用于快速构建管理界面或后台系统。这个模板是由Start Bootstrap团队创建并维护的,它在GitHub上开源,便于开发者下载、使用和定制。 ...

    bootstrap-3.3.7-dist

    - `fonts`目录包含了 Glyphicons 字体图标集,这是Bootstrap 3中默认的图标库。它提供了一套矢量图形图标,如箭头、警告符号、媒体播放控制等,可以直接在HTML中通过类名引用。例如,`glyphicon glyphicon-chevron-...

    bootstrap-3.4.1-dist 2.zip

    7. **字体和图标**:Bootstrap 3引入了Glyphicons图标集,一个包含数百个矢量图标的库,以及对Google Fonts的支持,使页面的视觉元素更加丰富。 8. **文档和支持**:Bootstrap 3有详尽的官方文档,包括示例、API...

    bootstrap-5.0.0-beta3-dist.zip

    在压缩包"bootstrap-5.0.0-beta3-dist"中,你将找到Bootstrap的所有必需文件,包括CSS、JS和图标文件。这些文件可以直接应用到你的项目中,以快速启动一个具有现代设计感和优秀用户体验的网站。 总的来说,...

    bootstrap-closable-tab tab可关闭组件

    Bootstrap是一款广泛使用的前端框架,它提供了丰富的UI组件和样式,帮助开发者快速构建响应式和移动优先的网页。在Bootstrap中,Tab组件是一个常用的交互元素,用于展示分页或分组的内容。然而,Bootstrap的默认Tab...

    bootstrap-4.1.3-dist

    4. **字体图标**:Bootstrap 4使用了Glyphicons图标集的替代品——Font Awesome,它提供了一套丰富的矢量图标,可以很容易地与Bootstrap的其他组件结合使用。 5. **LESS和SASS**:虽然不在压缩包内,但Bootstrap 4...

    bootstrap-table官网最新版

    1. **源代码**:包括JavaScript文件(如bootstrap-table.js)、CSS样式表(如bootstrap-table.css)以及可能的图标和其他资源文件。这些文件是插件的核心部分,开发者可以通过修改源代码来定制功能或修复问题。 2. ...

    bootstrap-4.6.0-dist.zip

    在这个"bootstrap-4.6.0-dist"压缩包中,你可以找到Bootstrap的所有核心资源,包括CSS文件、JavaScript文件以及图标字体等。解压后,可以直接将它们应用到项目中,或者根据需要进行自定义配置。通过结合HTML和CSS,...

    bootstrap-treeview下载

    4. **扩展功能**:Bootstrap Treeview还支持许多可选参数,例如`expandIcon`和`collapseIcon`用于自定义展开和折叠图标,`color`和`backColor`用于设置节点文字和背景色,`onNodeSelected`等事件监听器可以捕捉用户...

    bootstrap-3.4.1-dist(加个关注就行).zip

    3. `fonts/` - 字体图标,如Glyphicons Halflings。 4. `img/` - 可能包含一些默认的图片资源。 5. `less/` 和 `scss/` - Bootstrap的源码文件,分别对应LESS和SASS版本。 在使用Bootstrap时,通常需要在HTML文档中...

    twitter-bootstrap-v2.1.1-0-gc52368d.zip

    Twitter Bootstrap 是一个非常流行的开源前端框架,用于快速构建响应式和移动优先的网站。这个压缩包 "twitter-bootstrap-v2.1.1-0-gc52368d.zip" 包含的是Twitter Bootstrap的2.1.1版本,这是一个在Git版本控制下...

Global site tag (gtag.js) - Google Analytics