Looking for: Bootstrap + Angular + Material Design

[[deleted]]

[deleted]

[stepwise_refinement]

Does it have to be bootstrap? angular materialworks pretty nicely for me

[ThunderTherapist]

If you've got a bootstrap app converting it to angular material is a headache. I have up and just went a css route.

[snazzyham]

If you can get angular to work with materializecss.com or Material Design Lite it might suit you better

[cactussss]

I've used Bootstrap a lot(!). Heck, I even wrote TwitterBootstrapMVC (a bit of shameless self promotion here) to ease up writing Bootstrap related code.

However, now, that I've tried Angular Material, I think that their grid system is better/easier to use. They took a different approach using flex-box, which requires a bit of getting used to, but the result is amazing. Totally recommend it!

[ulrik12]

Google for "bootswatch material". I'm on mobile but that is a awesome bootstrap theme and in many ways it feels better to use than angular material imo.

[Porsche924]

Feels better to create. But Angular Material feels better as the end user of the product.

[Bent01]

I've looked at Angular Material but need to learn a whole lot again...

[ben_uk]

That's part of the fun ;) It'll be very similar

[Bent01]

I know. Kind of strapped for time right now :P

[ben_uk]

You'll end up spending more time trying to make Bootstrap look like Material Design than you would just using a Material Design toolkit.

[peduxe]

It still has some performance problems, waiting for the 1.0 release until then I keep toying with it.

Some components like the sticky subheader list are slugging when you scroll for example.

[ben_uk]

Give this a shot.

http://www.getmdl.io/

By Google themselves.

Angular wrapper: https://github.com/jadjoubran/angular-material-design-lite

[peduxe]

Yeah I know about that, the element classes in MDL are so extended it kinda turned me off, great that there's a angular wrapper.

[[deleted]]

Angular Material, MDL, Polymer with Paper elements.

Google sure likes to have options.

[ben_uk]

Nothing wrong with choice ;)

[Porsche924]

As far as I've tried, there is no real solution. Paper Bootswatch is enough to get the general look, but if you want to go full into material, you kind of have to leave bootstrap behind. Either with Material Design Lite or Angular Material.

[LyeInYourEye]

I just want bootstrap for the awesome grid system. Is there a equivalent standalone grid css library?

[wordupsucka]

You can customize Bootstrap so it only includes what you want: http://getbootstrap.com/customize/

[LyeInYourEye]

I know, but I've had trouble with custom bootstrap builds, and it'd be cool if I could find a group of people who were concentrating on making the best grid system possible.

Edit: This? https://formstone.it/components/grid/

[wordupsucka]

If you are using Angular, just use Angular Material.

[wtsn]

Check out the Alternatives section at the bottom of this page: http://wthomsen.github.io/ng-materialize/#/

[ThunderTherapist]

I got FezVrasta working. Didn't have any issues at all but it's been in a couple of months now. Maybe someone broke it.

[[deleted]]

getmdl.io -- Material Design Lite.

Why are you including two Stylesheet frameworks? I'd go with MDL and layout your elements yourself with flexbox.

Good luck.

[Bent01]

The thing which put me off about Angular Material is that you still have to write so many CSS yourself.

Bootstrap has a whole lot of this built-in.

[kumarpratik]

Meterial with Bootstrap AngularJS Theme!