materialBootstrap

Twitter Bootstrap theme for Google material design

Introduction

Material Bootstrap is created to use the Material Design for your website. Material Bootstrap support Safari, Chrome, Firefox and IE9+.

Features

At this moment, Material Bootstrap is on Alpha and it implements this Material's components :

• Input with floating-labels
• Buttons
• Checkboxes
• Radio Buttons
• Switch Buttons (on/off)
• Dropdown
• Modal
• Slider and Range Slider
• Tabs and Scroll Tabs
• Typography (not compleete)
• Icons
• Roboto Polices
• Z-Deph (shadow level)
• Cards
• Tooltips

Installation

bower install material-bootstrap

Build

Comming Soon

Changelog

[0.5.4]

• Add class btn-icon to show raised and flat button with only icon inside.

[0.5.3]

• Fix bug with focus Element on Firefox, ... for all switches (Radio, checkbox, ...)

[0.5.2]

• Fix bug on Slider

[0.5.1]

• Add onChange Event on sliders's inputs change event

[0.5.0]

• Change all icons

[0.4.0]

• Add Card component

[0.3.0]

• Add Event on dropdown to select specific item programmatically (only for role=select)
• Add trigger to use select dropdown whti $elem.tab('show')

[0.2.3]

• Fix slider tooltip placements

[0.2.2]

• fix problems on input design and javascript script
• fix problems in checkbox and radio design
• fix radio design
• fix selector slider

[0.2.1]

• fix checkbox bug on iconfont content
• fix input design

[0.2.0]

• fix design
• add path for icons and fonts in less variables

[0.1.10]

• fix tab overflow bug on ie

[0.1.9]

• fix tab overflow bug on ie

[0.1.8]

• fix button design
• add tooltip design

[0.1.7]

• increase shadow dominance to better render
• update dialog example
• optimize tab performances
• add z-depth-left, z-depth-right, z-depth-top

[0.1.6]

• fix input js bug for performances

[0.1.5]

• fix input design and set input error-field design

[0.1.4]

• fix tabs bugs
• optimize slider code
• add selector element

[0.1.2]

• Set position of scroll Tabs on the selected tab on Init

[0.1.1]

• fix Bugs

[0.1.0]

• Create Tabs Design, Add options and effects and modify Bootstrap tab.js file
• Create DropDown Design and modify Bootstrap dropdown.js file
• Debug On IE9
• Create Modal Design
• Create Range Slider
• Create Slider
• Create Switch Buttons
• Create CheckBoxes Design
• Create Radio Buttons Design
• Create Button Design
• Import Material Z-Deph classes
• Add Roboto Polices
• Add Material Icons Police
• Create floating Label
• Create input design
• Import Material Colors
• Create Package