Make cross-browser sliders and get them styled with Material Design thanks to the support provided by this theme. Read more about noUiSlider here. Finally a dropdown plugin that transforms select inputs in nice dropdowns and does not drive you crazy. Read more about Dropdown. Transform select and multi-select inputs into advanced text inputs. Read more about selectize. Read more about Bootstrap Material Datepicker. Mobile browsers are not currently tested but they may work.
Skip to content. Star 0. Material design theme for Bootstrap 3 fezvrasta. View license. Branches Tags. Could not load branches. Could not load tags. This branch is up to date with master. This branch is not ahead of the upstream master.
Open pull request. Latest commit. Git stats commits. Failed to load latest commit information. View code. V4 Development The next major Bootstrap V4 compatible release of bootstrap-material-design is in development. Please prefix any issue or pull request title with V4. About Material design theme for Bootstrap 3 fezvrasta.
Releases 24 tags. Packages 0 No packages published. You signed in with another tab or window. Reload to refresh your session. If you are referencing source from your own application's less file, you may simply customize the colors by redefining the color variables after including bootstrap-material-design. See above for a description of variables. All inputs should be surrounded by a standard. See the examples for variations. In general, it is preferred that sizing be altered with either.
Due to the interconnected nature of inputs, labels, margins and padding, material. Buttons are flat by default, without shadows. See the button examples. The following classes should be placed on the. Upon focus, a hint can be displayed. Use any p span with. Be sure to inspect the source of the demos to find proper markup examples. Remember to use the proper HTML markup. Bootstrap Material Design supports the full range of original Material Design icons!
See the full set of material design icons at the material icons library. Please be sure that the fonts are properly setup, see Getting Started. A card will expand to fill all of the available width e. Card's height will be automatically resized to match width. The default values are:. If you need to dynamically add elements to your DOM then you may need to include Arrive.
This will automatically apply material. Material Design for Bootstrap comes with styling support for various external scripts:. Create snackbars and toasts with the SnackbarJS plugin. The default toast style is the squared one snackbar style. If you like to use the rounded style toast style , please add the toast class to the style option of SnackbarJS.
If you use other technologies have a look at:. You can find licensing details on our license page. Get started Quick demo. Watch our "5 min Quick Start" tutorial. Detailed documentation Easily implement your ideas with a detailed, user-friendly documentation at your disposal. React v. Free for personal and commercial use Our license is user-friendly. Fully responsive It doesn't matter whether your project will be displayed on a desktop, laptop, tablet or mobile phone.
Get started. Gorgeous templates Need inspiration? Use one of our predefined templates for free. Frequent updates MDB gets better with every update. Active community Our society grows day by day. Technical support We care about reliability. SASS files Arranged and well documented. Are you ready to start a 5-minute installation?
Let's start.
0コメント