material-design-for-bootstrap 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
material-design-for-bootstrap 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
material-design-for-bootstrap 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 View license
开发语言 Java
操作系统 Android
软件类型 开源软件
开源组织
地区 不详
投 递 者 首席测试
适用人群 未知
收录时间 2021-11-23

软件简介

Material Design for Bootstrap

Downloads License cdnjs npm

The most popular UI KIT for building responsive, mobile-first websites and apps - free for personal & commercial use. Available jQuery, Angular, React and Vue versions.

Trusted by 2 000 000+ developers & designers. Used by companies like

Our impressive collection of beautiful, 500+ material UI elements, 600+ material icons, 77+ CSS animations, 9+ useful plugins, SASS files, templates, tutorials and many more allows you to develop any kind of project.

We're maintaining a dedicated Support Forum for this purpose. This is also a go-to place for every suggestion, opinion, bug, and issue report if you'd like to receive help as soon as possible. Reports posted on Support Forum are prior to GitHub issues

Please read contribution rules before starting your improvements in order to help us make the cooperation and reviewing experience as pleasant and effective as possible

More Web Development Technologies

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

Quick Start Video

According to your preference, you can follow a video or written version

Also, you can install MDB Free using NPM installation guide

MDB CLI - the fastest way to create and host MDB projects

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

Demo

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

Loader / Spinner

Buttons

You can use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more...

Cards

Bootstrap cards are components which display content built of different elements with characteristic shadows, depth and hover effects.

Alerts

Bootstrap alerts are feedback messages that are displayed after specific actions performed by the user. The length of the text is unlimited.

Hamburger Menu

Bootstrap alerts are feedback messages that are displayed after specific actions performed by the user. The length of the text is unlimited.

Footer

A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.

Sidenav

Bootstrap's sidenav is a vertical navigation component which apart from traditional, text links, might embed icons, dropdowns, avatars or search forms.

Use MDB modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

Supported browsers

MDBootstrap supports the latest, stable releases of all major browsers and platforms.

Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform’s web view API, are not explicitly supported. However, MDBootstrap should (in most cases) display and function correctly in these browsers as well.

Mobile devices

Generally speaking, MDBootstrap supports the latest versions of each major platform’s default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile’s Turbo mode, UC Browser Mini, Amazon Silk) are not supported.

Chrome
Chrome
Firefox
Firefox
Safari
Safari
Android Browser & WebView IE / Edge
Miscrosoft Edge
⠀Android⠀ ⠀Supported⠀ ⠀Supported⠀ ⠀N/A⠀ Android v5.0+ supported Supported
⠀iOS⠀ ⠀Supported⠀ ⠀Supported⠀ ⠀Supported N/A Supported
⠀Windows 10 Mobile⠀ ⠀N/A⠀ ⠀N/A⠀ ⠀N/A⠀ N/A⠀ Supported

Desktop browsers

Similarly, the latest versions of most desktop browsers are supported.

Chrome
Chrome
Firefox
Firefox
IE / Edge
Internet Explorer
Internet Explorer / Edge
Edge
Opera
Opera
Safari
Safari
⠀⠀⠀Mac⠀⠀ Supported Supported N/A N/A ⠀Supported⠀ ⠀Supported⠀⠀
⠀⠀⠀Windows⠀ Supported Supported N/A ⠀Supported⠀ ⠀Supported⠀ ⠀Not supported⠀

Documentation

You can explore huge, detailed documentation on our website. You can also use sitemap where each component is located

Education

Additional tutorials for those with insatiable appetite for knowledge made by us & our users can be found in our education section & in miscellaneous

Useful resources

Here you'll find more useful resources, like Getting Started, Freebies, Premium Templates & snippet editor

Connect with us on

Twitter | Facebook | Pinterest | Dribbble | LinkedIn | YouTube

You enjoy using MDB? Check the advantages of the PRO version

Material Design for Bootstrap PRO

Support MDB developers

  • Star our GitHub repo
  • Create pull requests, submit bugs, suggest new features or documentation updates
  • Follow us on Twitter
  • Like our page on Facebook

A big ❤️ thank you to all our users ❤️ who are working with us to improve the software. We wouldn't be where we are without you.

展开阅读全文

代码

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2016/03/16 11:17

Material Design 初步

# Material Design 初步 ### 1、Activity设置主题 android:theme="@style/AppTheme.main" ### 2、主题中设置过渡动画 ### 3、编写动画文件 ### 4、共享元素设置TransitionName - 第一个Activity ImageView mAlbumImage = (ImageView) itemView.findViewById(R.id.main_card_album_image); mAlbumImage.setTransitionName("Pablo Honey"); - 第二个Activity ImageView mAlbumImage = (ImageView) rootView.findViewById(R.id.det...

0
1
发表了博客
2016/03/23 00:01

Material Design 控件

## Material Design 新控件 ## ### SwipeRefreshLayout ### 只能包含一个子View,setOnRefreshListener设置下拉刷新监听 问题:以下布局会出现下拉和列表滑动冲突问题 解决: rvShow.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() { @Override public void onScrollChanged() { if(rvShow.getChildCount() > 0 && rvShow.getChildAt(0).getTop() == 0){ srShow.setEnabled...

0
1
发表于大前端专区
2020/12/20 12:18

Material Design组件之NavigationView

> 原文首发于微信公众号:jzman-blog,欢迎关注交流! Material Design 系列文章: - [Material Design组件之FloatingActionButton](https://juejin.im/post/6844903841868021774) - [Material Design组件之AppBarLayout](https://juejin.im/post/6844903842543304712) - [Material Design组件之CollapsingToolbarLayout](https://juejin.im/post/6844903843231170567) 今天来看一下 NavigationView 的使用,NavigationView 是一...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部