-1

I'm migrating my frontend from V4 Alpha 6 to the latest (at the time of writing this) Beta 2 release.

However in one portion of my UI I have some 'row' elements that are hidden via 'hidden-*-down' previously.

With the new display classes, is intentional to use something like:

...
<div class="row d-none d-md-flex">
...

Since rows use 'flex' display normally? It just feels incorrect doing it this way for some reason.

Cheers

Michael Benjamin
  • 346,931
  • 104
  • 581
  • 701
jarodsmk
  • 1,876
  • 2
  • 21
  • 40
  • @ZimSystem - I did take a look at other questions of the sorts, I'm querying whether this is the current best solution due to the recent update done to bootstrap :) In comparison to the cleaner solutions previously, the only way I managed to figure out how to hide a row element was to select the new display utility of the same display type implemented in the row class itself - a little counter intuitive for web designers and developers alike compared to past solutions which have ignored such quirks. – jarodsmk Nov 17 '17 at 06:02

1 Answers1

0

That's the only correct way to do this now.

Shouldn't mess anything up, it just declares flex two times when the elements are visible.

Klooven
  • 3,858
  • 1
  • 23
  • 41