bootstrap是当下非常受欢迎的用于快速开发Web应用程序和网站的web前端框架,是基于 HTML、CSS、JAVASCRIPT,由 Mark Otto 和 Jacob Thornton 开发,属于强大、可扩展、功能丰富的前端开发工具包,提供的功能包括:基于 Sass 进行编译和定制、内置的网格系统和组件、强大的 JavaScript 插件等。目前bootstrap已经包含了贯穿于整个库的移动设备优先样式,支持所有的主流浏览器,且容易上手,用户只需知道HTML和CSS的基础知识就可以使用bootstrap,最大的特点是响应式的CSS能够自适应各种PC、平板、手机等移动设备。
小编觉得以前做网站的时候前端一般都用Dreamweaver设计,对于基础差的小白来说脚本那一块太神烦啦!但是现在用bootstrap Web前端UI框架,它不仅有基本的模板,而且提供了超级多可复用的组件、插件,并且还有先进的栅格系统。总之,Bootstrap让前端开发变得更加快速、简单。让所有的开发者都能快速上手、所有的设备都可以适配、所有的项目都适用。ps:这里小编带来的是bootstrap框架下载,软件包包括了bootstrap v3、bootstrap v4和bootstrap v5,请用户根据需求选择使用。
bootstrap v3、v4、v5重要区别如下:
1、Bootstrap v3
支持 IE8+ 浏览器
不依赖 jQuery
2、Bootstrap v4
支持 IE10+ 浏览器
支持 Flexbox 布局
不依赖 jQuery
3、Bootstrap v5
支持 Flexbox 布局
支持 Grid 布局
支持 CSS 自定义属性
不依赖 jQuery
不支持 IE 浏览器
软件功能
1、优化CSS样式:
页面排版优化、表格优化设计、表单优化设计、按纽设计、图片和图标设计
2、使用Bootstrap组件:
下拉菜单、按纽组、按纽式下拉菜单、导航、导航条、面包屑和分页、标签和徽章、缩略图、警告框、进度条、媒体、版式、其他组件
3、使用JavaScript插件:
模态对话框、下拉项、滚动监听、标签页、工具提示、弹出提示、警告框、按纽、折叠、轮播、输入提示、附加导航
4、Bootstrap扩展:
针对IE6、IE7的扩展、Bootstarp Metro、颜色选择器、日期选择器、jQuery UI Bootstrap
bootstrap框架使用说明
1、安装 Bootstrap
通过 npm、Composer、或者 Meteor,可以将 Bootstrap 的 Sass 和 JavaScript 源码安装到本地。
通过软件包管理工具所安装的 Bootstrap 是不包含文档以及完整的构建脚本的。你还可以 利用我们提供的 npm 工程模板源码仓库 快速生成一个 Bootstrap 项目。
$ npm install bootstrap
$ gem install bootstrap -v 4.6.2
2、BootCDN
如果你只是需要使用 Bootstrap 的预编译 CSS 或 JS 文件,你可以直接使用 BootCDN 提供的免费 CDN 加速服务。
通过我们提供的这些简单的 入门模板 或 浏览这些示例 以便帮助你快速启动一个新项目。你还可以选择引入 Popper.js 和我们提供的 各个独立的 JS 文件。
3、Bootstrap 图标库
Bootstrap 有史以来第一次拥有自己的开源 SVG 图标库,旨在配合我们的组件和文档一起使用。
Bootstrap 图标库旨在与 Bootstrap 组件配合使用,但它们也可以使用到任何项目中。这些图标是 SVG 格式的,因此它们可以被快速轻松地缩放、可以通过多种方式使用、并且可以使用 CSS 设置样式。
4、官方主题
官方 Bootstrap 主题市场 提供了许多高级主题,让 Bootstrap 提升到了一个新的水平。
这些主题是基于 Bootstrap 构建的,并作为他们自己的扩展框架,包含了丰富的新组件和插件、文档以及构建工具。
软件特色
1、预处理工具
虽然可以直接使用 Bootstrap 提供的 CSS 样式表,但是不要忘记,Bootstrap 的源码是采用最流行的 CSS 预处理工具 Less 和 Sass 开发的。你可以直接采用预编译的 CSS 文件快速开发,也可以从 Bootstrap 源码自定义自己需要的样式。
2、一个框架、多种设备。
你的网站和应用能在 Bootstrap 的帮助下通过同一份源码快速、有效地适配手机、平板和 PC 设备,这一切都是 CSS 媒体查询(Media Query)的功劳。
3、功能完备
Bootstrap 提供了全面、美观的文档,你能在这里找到关于普通 HTML 元素、HTML 和 CSS 组件以及 jQuery 插件方面的所有详细文档。
更新日志
v5.3.3版本
一、集锦
1、修复了使用Sass构建Bootstrap时,需要手动导入variables-dark.css的颜色模式带来的突破性变化。现在,_variables.scss将自动导入_variables-dark.scss。如果你已经手动导入_variables-dark.scss,你应该继续这样做,因为它不会破坏任何东西,而且将是v6中的做法。
2、修复了选择器引擎中无法再处理多个ID的回归问题。
二、颜色模式
1、徽章现在使用.text bg-*text实用程序来确保文本始终可读(特别是在浅色和深色模式下自定义颜色不同时)。
2、修复了我们的color-models.js脚本,以处理操作系统设置为灯光模式而网站上使用自动颜色模式的情况。如果您从我们的文档中复制了脚本,则应将此更改应用于您自己的脚本。
3、修正了颜色模式文档中的配色方案描述,显示colorschema()只接受亮值和暗值作为参数。
三、其他
1、消毒剂中允许存在<dl>、<dt>和<dd>。
2、模态和非画布标题的项目分布均匀。
3、修复了手风琴CSS选择器,以避免嵌套手风琴时的继承问题。
4、修复了验证声明表单控件的焦点框阴影。
5、修复了聚焦环在聚焦复选按钮上的问题。
6、修复了产品示例移动导航栏切换。
7、更改了转盘控件图标的RTL处理。
四、文件
1、删除了不必要的右边距,例如代码块。
2、修复了背景实用程序示例部分中强调文本实用程序的使用。
3、添加了关于如何渲染默认展开的手风琴的技术说明。
4、在Vite指南中更改了Vite配置路径导入。
5、增强了.card img-*类的卡图像描述。
6、在Sass自定义页面的tint-color()和shade-color()中提到了shift-color()函数。
7、在Cheatsheet示例导航按钮中添加了缺失的type=“button”属性。
8、更新了自定义页面中的颜色表,使其具有响应性。
- web前端开发工具
-
更多 (23个) >>网页前端开发软件大全 前端开发工具是用于创建和设计网站或Web应用程序用户界面的软件工具,对于从事前端开发或者想要学习这个的人员来说,相关的软件工具是必不可少的,市场上相关的软件也非常多,但是很多人不知道前端开发软件哪个好,下面小编就给大家提供了常用的前端开发工具推荐,比如Sublime Text、WebStorm系列、HBuilder等等,这些软件都可以称得上是前端开发神器,每一款都能给你提供丰富的编程功能,对此有需求的小伙伴们可以来挑选下载体验。
-
-
RustRover 2024电脑版 750.69M
查看/多国语言v2024.2.1官方版 -
RubyMine2024电脑版 662.4M
查看/多国语言[中文]v2024.2.2官方版 -
JetBrains goland 2024电脑版 714.66M
查看/多国语言[中文]v2024.2.2.1官方版 -
JetBrains WebStorm2024电脑版 637.12M
查看/多国语言[中文]v2024.2.2官方版 -
rocketcake网页编辑器 17.65M
查看/简体中文v5.5官方版 -
bootstrap Web前端UI框架 28.32M
查看/简体中文v5.3.3官方版 -
Sublime Text 4 文本编辑器 15.65M
查看/简体中文v4169 -
hbuilderx电脑版 39.61M
查看/简体中文v3.99.2023122611官方版 -
visual studio code中文绿色版 102.34M
查看/简体中文v1.85.1 -
Adobe Brackets(web前端开发工具) 50.06M
查看/简体中文v1.9官方中文版 -
aptana studio(Web应用程序开发工具) 148.84M
查看/简体中文v3.4.2汉化版 -
postman官方中文版电脑版 100.93M
查看/简体中文v7.36.1绿色版 -
Dreamweaver 2020中文特别版 220.47M
查看/简体中文v20.0.0精简版
-
发表评论
0条评论软件排行榜
热门推荐
- labview2023中文版 2.71G / 简体中文
- jetbrains fleet编辑器 v1.40.87官方版72.02M / 多国语言
- RubyMine2024电脑版 v2024.2.2官方版662.4M / 多国语言[中文]
- XMLSpy2024官方版 v26.2.1.0442.99M / 简体中文
- php for windows版 v8.3.7官方正式版30.67M / 英文
- idea2023官方版 v2023.3.6661.39M / 简体中文
- pycharm2023专业版 v2023.3.5544.09M / 简体中文
- Goland2023官方版 v2023.3.6476.44M / 英文
- pspad editor官方版 v5.0.7.775绿色版25.52M / 多国语言[中文]
- myeclipse2023官方电脑版 v2023.1.21.47G / 英文