mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-22 09:36:55 +03:00
Added "support me" section.
This commit is contained in:
parent
e31fbc2bcd
commit
ef4aa845bb
14
README.md
14
README.md
|
@ -1,7 +1,7 @@
|
||||||
Material Design for Bootstrap
|
Material Design for Bootstrap
|
||||||
=========================
|
=========================
|
||||||
|
|
||||||
This Bootstrap theme is an easy way to use the new Material Design guide-lines by Google in your Bootstrap 3 based application.
|
This Bootstrap theme is an easy way to use the new Material Design guide-lines by Google in your Bootstrap 3 based application.
|
||||||
Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
|
Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
|
||||||
|
|
||||||
This theme is in early developement and is not ready for production.
|
This theme is in early developement and is not ready for production.
|
||||||
|
@ -26,6 +26,12 @@ Currently supported elements:
|
||||||
- Wells
|
- Wells
|
||||||
- Dialogs
|
- Dialogs
|
||||||
|
|
||||||
|
# Support me
|
||||||
|
|
||||||
|
If you like this project you may support me donating something on Gittip, starring this repository or reporting bugs and ideas in the issue section.
|
||||||
|
|
||||||
|
[![gittip](screenshots/gittip-button.jpg)](https://www.gittip.com/FezVrasta/)
|
||||||
|
[![issues](screenshots/issues-button.jpg)](/FezVrasta/bootstrap-material-design)
|
||||||
|
|
||||||
# Documentation
|
# Documentation
|
||||||
|
|
||||||
|
@ -33,7 +39,7 @@ Material Design for Bootstrap provides some additional stuff to get the best fro
|
||||||
|
|
||||||
### Variations:
|
### Variations:
|
||||||
|
|
||||||
There are 17 additional color variations (in addition to the classic 4 variations) for buttons, inputs, checkboxes, radios, alerts, navbars, tabs, labels, paginations, progess bars and more.
|
There are 17 additional color variations (in addition to the classic 4 variations) for buttons, inputs, checkboxes, radios, alerts, navbars, tabs, labels, paginations, progess bars and more.
|
||||||
They can be used adding to the desired element the class suffix `-material-color` replacing `color` with the desired one.
|
They can be used adding to the desired element the class suffix `-material-color` replacing `color` with the desired one.
|
||||||
|
|
||||||
Example:
|
Example:
|
||||||
|
@ -46,7 +52,7 @@ These colors are took from the Material Design color palette and are reported be
|
||||||
|
|
||||||
### Buttons:
|
### Buttons:
|
||||||
|
|
||||||
Add `.btn-flat` to a button to make it flat, without shadows.
|
Add `.btn-flat` to a button to make it flat, without shadows.
|
||||||
Add `.btn-raised` to a button to add a permanent shadow to it.
|
Add `.btn-raised` to a button to add a permanent shadow to it.
|
||||||
|
|
||||||
### Inputs:
|
### Inputs:
|
||||||
|
@ -61,7 +67,7 @@ Remember to use the proper HTML markup to get radio and checkboxes styled correc
|
||||||
Option one is this
|
Option one is this
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
# Plugins
|
# Plugins
|
||||||
|
|
||||||
Material Design for Bootstrap comes with styling support for various Bootstrap plugins, at the moment only one plugin is supported but others will come:
|
Material Design for Bootstrap comes with styling support for various Bootstrap plugins, at the moment only one plugin is supported but others will come:
|
||||||
|
|
|
@ -1227,6 +1227,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<h2>Snackbars and toasts <span style="font-size: 50%">(with SnackbarJS)</span></h2>
|
<h2>Snackbars and toasts <span style="font-size: 50%">(with SnackbarJS)</span></h2>
|
||||||
|
<p>SnackbarJS is the ad-hoc developed plugin to create snackbars and toasts, read more about it on the <a href="http://fezvrasta.github.io/snackbarjs/">official page</a> of the project.</p>
|
||||||
<div class="bs-component">
|
<div class="bs-component">
|
||||||
<button type="button" class="btn btn-default" data-content="This is a snackbar! Lorem lipsum dolor sit amet..." data-toggle="snackbar" data-timeout="0">Show snackbar</button>
|
<button type="button" class="btn btn-default" data-content="This is a snackbar! Lorem lipsum dolor sit amet..." data-toggle="snackbar" data-timeout="0">Show snackbar</button>
|
||||||
|
|
||||||
|
|
BIN
screenshots/gittip-button.jpg
Normal file
BIN
screenshots/gittip-button.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
BIN
screenshots/issues-button.jpg
Normal file
BIN
screenshots/issues-button.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
Loading…
Reference in New Issue
Block a user