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

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)

Varbase Media Mapping Bootstrap 3 into Bootstrap 4 -- Switched XS max ( < 768px) to SM max (<767.98px)

Bootstrap 3 Breakpoints

Bootstrap 3 Breakpoints

Bootstrap 4 Breakpoints

Bootstrap 4 Breakpoints

Shifted Bootstrap 4 Breakpoints

Shifted Bootstrap 4 Breakpoints

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

RajabNatshah created an issue. See original summary.

Rajab Natshah’s picture

-

  • RajabNatshah committed fb28e06 on 8.x-8.x
    Issue #3108245: Update [Views Bootstrap] module from 8.4.1 to 8.4.2 ( ~4...
Rajab Natshah’s picture

Assigned: Rajab Natshah » Mohammed J. Razem
Status: Active » Needs review
Issue tags: +varbase-8.8.2

  • RajabNatshah committed 1cc0854 on 8.x-7.x
    Issue #3108245: Update [Views Bootstrap] module from 8.4.1 to 8.4.2 ( ~4...
Rajab Natshah’s picture

Issue tags: +varbase-8.7.5
Rajab Natshah’s picture

Issue summary: View changes
Rajab Natshah’s picture

Assigned: Mohammed J. Razem » Unassigned
Rajab Natshah’s picture

VMI - Standard 16:9 - Posts - Hero

9 - Posts - Hero

VMI - Standard 16:9 - Posts - Tout

9 - Posts - Tout

VMI - Standard 16:9 - Posts - Vertical Media

9 - Posts - Vertical Media

VMI - Standard 16:9 - Posts - Horizontal Media

9 - Posts - Horizontal Media

VMI - Standard 16:9 - Posts - Text

9 - Posts - Text

Rajab Natshah’s picture

VMI - Standard 16:9 - Episode - Hero

9 - Episode - Hero

VMI - Standard 16:9 - Episode - Tout

9 - Episode - Tout

VMI - Standard 16:9 - Episode - Vertical Media

9 - Episode - Vertical Media

VMI - Standard 16:9 - Episode - Horizontal Media

9 - Episode - Horizontal Media

Varbase Blog section

Varbase Blog section

Varbase Blog full content page

Varbase Blog full content page

Rajab Natshah’s picture

Fully tested with Varbase components and VMI Development kit

Rajab Natshah’s picture

Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.