UI组件库 活跃维护

material-design-for-bootstrap

mdbootstrap/material-design-for-bootstrap

重要!Bootstrap 5 的新 UI 套件版本已可用。通过以下链接访问最新的免费版本。

9239
Stars 标星
1107
Forks 分支
296
Watchers 关注
29
Open Issues
JavaScript
主要语言
MIT
开源协议
11.4 MB
仓库大小
6 个月前
最后推送
一键安装扩展 / 插件指令
dsh plugin --profile web add github:mdbootstrap/material-design-for-bootstrap
git clone https://github.com/mdbootstrap/material-design-for-bootstrap.git
git clone git@github.com:mdbootstrap/material-design-for-bootstrap.git
README.md master

英文原文正文为项目原始 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 教程

>> 了解更多关于 Bootstrap 5 的信息

>> 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 开发者

  • 给我们的 GitHub 仓库点星
  • 创建拉取请求、提交 bug、建议新功能或文档更新
  • 在 Twitter 上关注我们
  • 在 Facebook 上点赞我们的页面

向所有 正在与我们一起改进软件的用户 ❤️ 表示衷心的感谢 ❤️。没有你们,我们不会有今天的成就。

本站来源与版权声明
  • 本文标题: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 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。