mdbootstrap/vue-bootstrap-with-material-design

Vue Bootstrap with Material Design - 强大且免费的 UI KIT

维护者

详细信息

github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design

源代码

问题

安装次数: 2

依赖关系: 0

建议者: 0

安全: 0

星级: 810

关注者: 27

分支: 177

开放问题: 0

语言：SCSS

6.7.3 2021-07-22 07:59 UTC

Requires

  • php: ^7.2
  • another-vendor/package: 1.*

MIT 42dda0e59a37a62860d6fe037e3601b5afa471f6

This package is not auto-updated.

Last update: 2021-08-17 19:19:33 UTC

README

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f67656e6572616c2f6c6f676f2f6d656469756d2f6d64622d767565322e706e67

Vue Bootstrap with Material Design

Downloads License npm 68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c2f687474702f736869656c64732e696f2e7376673f7374796c653d736f6369616c

基于最新的 Bootstrap 4 和 Vue。提供 400+ 个材料 UI 元素，600+ 个材料图标，74 个 CSS 动画，SASS 文件，模板，教程等。个人和商业用途免费。

在开始改进之前，请阅读 贡献规则，以便我们使合作和审查体验尽可能愉快和有效。

被 2000000+ 名开发人员和设计师信任。被以下公司使用：

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6e696b652e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f616d617a6f6e2e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f736f6e792e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f73616d73756e672e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6169726275732e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f7961686f6f2e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f64656c6f697474652e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f67652e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6b706d672e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f756e6974792e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f696b65612e706e67 68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6165676f6e2e706e67

更多 Web 开发技术

⠀ MDBootstrap Angular⠀ ⠀ MDBootstrap jQuery ⠀­ ⠀ ­ MDBootstrap React⠀ ­ ­­ MDBootstrap 5 ­­
­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­­ MDB Angular ­­ ­­­­ ­­­ ⠀ ­­ ­­­ ­­­ ­­­ ­­­ ­­­ MDB jQuery ⠀­­ ­­­ ­­­ ­­­ ­­­ ­­­ ⠀ ­­ ­­­ ­­­ ­­­ ­­­ ­­­ MDB Vue ­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ ­­­ MDB 5 ⠀ ­­ ­­­ ­­­ ­­­ ­­­ ­­­

快速入门

68747470733a2f2f6d64626f6f7473747261702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30382f7675652d706c61792d79742e706e67

根据您的喜好，您可以观看 视频 或 书面版本。

此外，您还可以使用 NPM 安装指南 安装 MDB Free。

MDB CLI - 创建和托管 MDB 项目的最快方式

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f70726f64756374732f636c692f636c692d667265652e6a7067 初始化
使用 MDB CLI，您可以在几秒钟内开始一个新项目！使用 mdb init 命令，并从预设配置开始！		 发布和托管
使用 mdb publish 使您的项目可见，无需存储您的代码，只需获取链接并与全世界分享！		 开始使用

演示

轮播图

Vue Bootstrap 轮播图是一个响应式且交互式的幻灯片，专为展示内容而创建，尤其是图片和视频。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d6361726f7573656c2d6d61736b2e676966

加载器/旋转器

Vue Bootstrap 加载器是一种动画，用于在页面加载时保持访客的娱乐，有助于提升用户体验。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d6c6f616465722e676966

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d636f6c6f722d7370696e6e6572732e676966

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d6d756c7469636f6c6f722e676966

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d6372617a796c6f616465722e676966

按钮

Vue Bootstrap 按钮是触发期望用户交互的组件。易于在大小、形状和颜色方面进行定制。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d627574746f6e732e676966

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d736f6369616c2d627574746f6e732e706e67

卡片

Vue Bootstrap 卡片是显示由不同元素构建的内容的组件，具有特征阴影、深度和悬停效果。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d63617264732d636173636164696e672e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d66616e63792d63617264732e676966

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d63617264732d6f7665726c61792e706e67

警报

Vue Bootstrap 警报是在用户执行特定操作后显示的反馈消息。文本长度不受限制。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d616c657274732e706e67

图表

Vue Bootstrap 图表是数据的图形表示。图表有不同的大小和形状：柱状图、折线图、饼图、雷达图、极坐标图等等。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d6368617274732e676966

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d6368617274732d6261722e676966

汉堡菜单

Vue Bootstrap 汉堡菜单是一种带有额外的类似汉堡的图标导航，该图标在 Navbar 或 Sidenav 中激活隐藏的菜单元素。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d68616d6275726765726d656e752e676966

页脚

页脚是一个额外的导航组件。它可以包含链接、按钮、公司信息、版权声明、表单以及许多其他元素。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d666f6f7465722e706e67

侧边导航栏

Vue Bootstrap 侧边导航栏是一个垂直导航组件，除了传统的文本链接外，还可以嵌入图标、下拉菜单、头像或搜索表单。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f342d736964656e61762e676966

模态框

Vue Bootstrap 模态框是一个轻量级但功能强大且多功能的弹出窗口。了解如何操作大小、样式和位置。提供多个示例和详细的教程。

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d6d6f64616c2e676966

支持的浏览器

MDBootstrap 支持所有主要浏览器和平台的最新稳定版本。

使用最新版本的 WebKit、Blink 或 Gecko 的替代浏览器（无论是直接使用还是通过平台的 web view API），并不明确支持。然而，MDBootstrap 应该在这些浏览器中（在大多数情况下）正确显示和运行。

移动设备

一般来说，MDBootstrap 支持每个主要平台默认浏览器的最新版本。请注意，代理浏览器（如 Opera Mini、Opera Mobile 的 Turbo 模式、UC Browser Mini、Amazon Silk）不受支持。

Chrome
Chrome		 Firefox
Firefox		 Safari
Safari		 Android 浏览器 & WebView IE / Edge
Microsoft Edge
Android 支持 支持 不适用 Android v5.0+ 支持 支持
iOS 支持 支持 支持 不适用 支持
Windows 10 Mobile 不适用 不适用 不适用 不适用 支持

桌面浏览器

类似地，大多数桌面浏览器的最新版本都受到支持。

Chrome
Chrome		 Firefox
Firefox		 IE / Edge
Internet Explorer		 Internet Explorer / Edge
Edge		 Opera
Opera		 Safari
Safari
Mac 支持 支持 不适用 不适用 支持 支持
Windows 支持 支持 不适用 支持 支持 不支持

有用资源

在这里您可以找到更多有用的资源，例如 入门指南、免费资源、高级模板 以及 代码片段编辑器

与我们一起交流

Twitter | Facebook | Pinterest | Dribbble | LinkedIn | YouTube

支持MDB开发者

  • 在GitHub上关注我们的仓库
  • 创建拉取请求，提交错误报告，建议新功能或文档更新
  • 在 Twitter 上关注我们
  • 在 Facebook 上点赞我们的页面

非常感谢所有与我们一起努力改进软件的用户们，是你们让我们的今天变得如此美好。没有你们，我们无法达到今天的成就。

专业版

Vue Bootstrap with Material Design 专业版