Views Bootstrap 8.x-4.2 was released
https://www.drupal.org/project/views_bootstrap/releases/8.x-4.2
They had committed the patch for
#3049311: Grids should not be split into multiple rows
https://www.drupal.org/project/views_bootstrap/issues/3049311#comment-13...
The Idea we should stop think in Bootstrap 3 and think and style with Bootstrap 4
http://upgrade-bootstrap.bootply.com/
It is better to make the change in all CSS, TWIG, and yml configs with logical code too.
Thinking in Bootstrap 4 and how we could have a full migration of old lead developers
Migrating to v4
https://getbootstrap.com/docs/4.1/migration/
Bootstrap 4 vs Bootstrap 3
In Varbase Media we had mapped old Bootstrap 3 into Bootstrap 4
Switched BS3 XS max ( < 768px) to BS4 SM max ( <767.98px)
Switched BS3 SM min ( >=768px) to BS4 MD min ( >=768px)
Switched BS3 MD min ( >=992px) to BS4 LG min ( >=992px)
Switched BS3 LG min ( >=1200px) to BS4 XL min ( >=1200px)
Bootstrap 3 Breakpoints
Bootstrap 4 Breakpoints
Shifted Bootstrap 4 Breakpoints





Comments
Comment #2
rajab natshah-
Comment #4
rajab natshahComment #6
rajab natshahComment #7
rajab natshahComment #8
rajab natshahComment #9
rajab natshahVMI - Standard 16:9 - Posts - Hero
VMI - Standard 16:9 - Posts - Tout
VMI - Standard 16:9 - Posts - Vertical Media
VMI - Standard 16:9 - Posts - Horizontal Media
VMI - Standard 16:9 - Posts - Text
Comment #10
rajab natshahVMI - Standard 16:9 - Episode - Hero
VMI - Standard 16:9 - Episode - Tout
VMI - Standard 16:9 - Episode - Vertical Media
VMI - Standard 16:9 - Episode - Horizontal Media
Varbase Blog section
Varbase Blog full content page
Comment #11
rajab natshahFully tested with Varbase components and VMI Development kit
Comment #12
rajab natshah