I know that Bootstrap is a framework but I have no idea of Material Design. Please help to know more about Material Design.
One is a design pattern that is being followed these days for creating UI, and the other is a framework/library that is used to create responsive web frontends for your website/webapp quickly.
One is for fools pissing on speed, usability, sustainability, accessibility and the entire reason HTML even EXISTS!!! No matter how many mouth-breathing halfwits sing praises of it somehow being magically "easier" or the outright LIE of it making them "more productive". Because when I think easier and more productive, I think ignoring HTML semantics entirely and pissing all over the place with classes resulting in needing to write two to ten times the HTML and creating specificity hell!
The other is acceptable if you ignore the off the shelf code they provide and just implement the concepts directly, since 90%+ of the concepts take around five minutes of writing CSS to create.
Care to guess which is which?
Material has a feel of Android. you can use it to style your website the tags are easy to use and the documentation is easy to understand. Hope that helps somehow
Ben Buchanan (200ok)
I make some bits of the web.
Bootstrap is a UI library that provides components you can use and reskin. It does not give you design rules on how to combine the components, ie. it does not say what is "right" or "wrong" in terms of the final design. It just says "use this code and you'll get this widget". For example, it gives you a bunch of buttons - you pick one and use it. There are some basic implied semantics for things like 'danger' buttons, but it doesn't define what is 'dangerous' in your application.
Material Design on the other hand is a design language that defines a set of rules/guidelines on how to produce a design that is coherent for Google products. It is an expression of Google's brand - what makes a Google product look like a Google product? It provides a design philosophy to explain the rules you need to follow. It also provides a UI library that helps you implement the design guidelines. So to go back to the buttons example - for a given action, Material Design tells you what kind of button to use, how it should be placed, how it should move/animate, and so on.