英文原文正文为项目原始 README(英文),本站后续会翻译为中文,当前仅剔除图片与无关章节并统一排版。
Bootstrap 4 用户界面套件 - 700 个组件,MIT 许可证,简单安装。
MDB 是一个免费的 Bootstrap 模板、主题、设计工具和资源的合集。
此内容适用于之前的 Bootstrap 第四版
Bootstrap 5 的更新版本已可用。我们建议迁移到我们产品的最新版本
>> 获取 700 个 Material UI 组件,免费托管,超级简单的一分钟安装及更多
开始使用
>> 1分钟快速开始
通过 .zip、npm 或 cdnjs 简单安装。
>> 使用 MDBGO 安装
免费托管,支持 WordPress,自定义域名,SSL 支持,免费数据库,前端和后端模板,包含 webpack 启动器,git 仓库,支持 FTP 和 Jenkins。
>> 使用 MDBGO 安装 电子商务商店集成
一键设置!MDB GO 允许你用单击创建 WordPress 页面。
无论你是想创建旅游博客还是电子商务商店来销售产品,你都可以轻松实现。你甚至可以将两者结合到同一页面。
关于适用于 Bootstrap 4 的材料设计
创建者
受到 200 万开发者和设计师的信任。被公司和机构使用,例如
500+ UI components
Super simple, 1 minute installation
Detailed docs & practical examples
Lots of tutorials
Huge and active community
MIT license - free for personal & commercial use
Bootstrap 5 教程
>> 订阅我们的 YouTube 频道,获取数十个 Bootstrap 教程
Start MDB jQuery learning from Basics
Learn Bootstrap 5 | Crash Course for Beginners in 1.5H
Bootstrap 材料设计
用于构建响应式、移动优先网站和应用程序的最流行 UI 套件 - 个人和商业用途免费。提供 jQuery、Angular、React 和 Vue 版本。
受到 2,000,000 名开发者和设计师的信赖。被以下公司使用
我们令人印象深刻的收藏中包含 500 个美观的材料 UI 元素、600 个材料图标、77 个 CSS 动画、9 个实用插件、SASS 文件、模板、教程及更多内容,可让您开发任何类型的项目。
我们为此维护了一个 专用支持论坛。如果您希望尽快获得帮助,这也是提交每条建议、意见、错误和问题报告的首选地点。在支持论坛上发布的报告优先于 GitHub 问题。
在开始改进之前,请阅读 贡献规则,以帮助我们使合作和审查体验尽可能愉快和高效
更多网页开发技术
| MDBootstrap Angular | ⠀MDBootstrap React | MDBootstrap Vue⠀ | MDBootstrap 5 |
|---|---|---|---|
| |
📷 原文此处有图片,请前往 GitHub 仓库查看完整内容。
| 📷 原文此处有图片,请前往 GitHub 仓库查看完整内容。
| 📷 原文此处有图片,请前往 GitHub 仓库查看完整内容。
| 📷 原文此处有图片,请前往 GitHub 仓库查看完整内容。
|
快速入门视频
此外,您可以使用 NPM 安装 MDB Free 安装指南
MDB CLI - 创建和托管 MDB 项目的最快方式
Initiate
With MDB CLI you can start a new project within seconds! Use mdb init command and start with a pre-set configuration!
Publish and host
Make your project visible with mdb publish, no need to store your code, simply get the link and share it with the world!
Get started
演示
轮播
一个用于循环展示元素(图像或文本幻灯片)的幻灯片组件——类似轮播。
加载器 / 微调旋转器
按钮
您可以使用 Bootstrap 的自定义按钮样式来处理表单、对话框中的操作,支持多种尺寸、状态等...
卡片
Bootstrap 卡片是由不同元素构成的内容展示组件,具有典型的阴影、深度和悬停效果。
警告
Bootstrap 警告是在用户执行特定操作后显示的反馈信息。文本长度不限。
汉堡菜单
Bootstrap 警告是在用户执行特定操作后显示的反馈信息。文本长度不限。
页脚
页脚是一个额外的导航组件。它可以包含链接、按钮、公司信息、版权、表单以及许多其他元素。
侧边导航
Bootstrap 的侧边导航是一个垂直导航组件,除了传统的文本链接之外,还可以嵌入图标、下拉菜单、头像或搜索表单。
使用 MDB 模态插件为您的站点添加对话框,用于灯箱、用户通知或完全自定义内容。
支持的浏览器
MDBootstrap 支持所有主要浏览器和平台的最新、稳定版本。
使用最新版本 WebKit、Blink 或 Gecko 的替代浏览器,无论是直接使用还是通过平台的网页视图 API,均未明确支持。但在大多数情况下,MDBootstrap 在这些浏览器中也应能正确显示和运行。
移动设备
一般来说,MDBootstrap 支持每个主要平台默认浏览器的最新版本。请注意,不支持代理浏览器(如 Opera Mini、Opera Mobile 的 Turbo 模式、UC Browser Mini、Amazon Silk)。
| Chrome | Firefox | Safari | 安卓浏览器与 WebView | 微软 Edge | |
|---|---|---|---|---|---|
| ⠀安卓⠀ | ⠀支持⠀ | ⠀支持⠀ | ⠀不适用⠀ | 支持安卓 v5.0 | 支持 |
| ⠀iOS⠀ | ⠀支持⠀ | ⠀支持⠀ | ⠀支持 | 不适用 | 支持 |
| ⠀Windows 10 Mobile⠀ | ⠀不适用⠀ | ⠀不适用⠀ | ⠀不适用⠀ | 不适用 | 支持 |
桌面浏览器
类似地,大多数桌面浏览器的最新版本均受支持。
| 谷歌浏览器 | 火狐浏览器 | Internet Explorer | Edge | 欧朋浏览器 | Safari | |
|---|---|---|---|---|---|---|
| ⠀⠀⠀Mac⠀⠀ | 支持 | 支持 | 不适用 | 不适用 | ⠀支持⠀ | ⠀支持⠀⠀ |
| ⠀⠀⠀Windows⠀ | 支持 | 支持 | 不适用 | ⠀支持⠀ | ⠀支持⠀ | ⠀不支持⠀ |
文档
你可以在我们的网站上浏览庞大而详细的文档。
教育
由我们和我们的用户制作的、面向那些对知识有无限渴望的人的额外教程,可以在我们的教育部分中找到。
有用的资源
在这里你会找到更多有用的资源,例如 入门指南、免费资源、高级模板 和 代码片段编辑器
与我们联系
Twitter | Facebook | Pinterest | Dribbble | LinkedIn | YouTube
您喜欢使用 MDB 吗?查看 PRO 版本的优势
Bootstrap 的 Material Design PRO
支持 MDB 开发者
向所有 正在与我们一起改进软件的用户 ❤️ 表示衷心的感谢 ❤️。没有你们,我们不会有今天的成就。
- 本文标题:material-design-for-bootstrap - 重要
- 本文链接:https://www.cn121.com/uikit/mdbootstrap-material-design-for-bootstrap.html
- 原项目:mdbootstrap/material-design-for-bootstrap 版权归原作者 mdbootstrap 及贡献者所有
- 收录信息:本站于 2026-10-15 收录本项目,本页所列协议与仓库指标均为收录当时的状态;该日期之后原项目的版本更新与协议变更,本页不作同步。
- 开源协议:收录时本项目采用 MIT(查看 LICENSE 原文),本站转载其原始文档(未改动文字,仅剔除图片与无关章节);使用、修改、分发请以该仓库 LICENSE 原文为准。
- 站点出处:本文首发于 OneTwoOne,收录自 GitHub 开源项目 mdbootstrap/material-design-for-bootstrap。
- 内容说明:本页正文为原项目 README 原文(英文),本站后续会翻译为中文(当前尚未译出,仅将二级标题译为中文,便于按栏目定位;标题原文可在下方原仓库中查看),仅剔除了图片与赞助等无关章节、并把相对链接改为绝对地址;页首简介为机器翻译自仓库描述。
- 引用声明:商业转载、第三方聚合或 AI 检索训练引用时,请务必保留以上来源出处、本文永久链接,以及原项目的版权声明与许可信息。
- 下架通道:若原项目此后变更或收紧了许可协议、或作者/权利人认为本站的收录方式(译文、排版适配、简介翻译等)超出其授权范围,请通过 xyd3302001@163.com 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。