So Bootstrap 4 Beta was released today, and it includes some significant changes from Alpha 6, including how colors are referenced. Rather than $brand-primary: blue; We now have $theme-colors: ( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, dan…

Other than an intense desire to learn the latest thing and be on top of it, no? But Beta and release are going to be more stable. And that stability means we have to learn new things :slight_smile:

Having the colors in a theme-colors map seemed a bit strange at once, but one benefit seems to be that components are only generated in the color variants that you define in this map, and it is easier to add new colors if needed. Also really like the new grid column ordering system.

This is really helping me out. I don’t have to remember to do a background variant, button variant, alert variant, text variant, etc. I just add a color to $theme-colors and recompile. Very nice.

Yesterday I noticed that with the beta the old hidden-XX-xxxx classes from the alphas are gone and have been replaced with display helper classes: hidden-md-up → d-md-none via Migrating to v4 · Bootstrap Rather than using explicit .visible-* classes, you make an element visible by simply not hid…

Column offsets are now different [ZimSystem] Offsetting columns is not working (Bootstrap v4.0.0-beta) css, twitter-bootstrap, bootstrap-4 answered by ZimSystem on 05:09PM - 12 Aug 17

So Card Decks are great, but they’re not responsive. If you have 4 cards in a row, it’s gonna stay 4 cards in a row until you get down to xs size. A decent work-around if you just need your cards to match height is to use flexbox helpers and the standard grid: <div class="row"> <div class="col-…

This has been my solution to making card decks work better responsively: @include media-breakpoint-only(sm) { .card-deck .card { margin-left: 0; margin-right: 0; &:not(:first-child), &:not(:last-child) { margin-left: 0; margin-right: 0; } } } Have also used @inc…

Aren’t the guidelines to making them responsive at the bottom of that page?

Card columns, yes — card decks, no

hi, what about RTL support in beta ?

Roots Discourse

How the Heck? The Bootstrap 4 Beta thread

sage

ben July 23, 2018, 10:44pm 30

You’ll need to use the build process included with Sage to compile assets

Do you mean the yarn run build command?