Switch CSS management for [Varbase Bootstrap Paragraphs] from LESS to SCSS with Gulp as the task manager and make use of the (RFS) Responsive Font Size SCSS library, which comes with Bootstrap 4

Shifted the Bootstrap breakpoints to work with Bootstrap 4

// Grid breakpoints ( Bootstrap 4 )
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

Bootstrap 4 vs Bootstrap 3

Varbase Media Mapping 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)

Home page with Varbase Bootstrap Paragraphs

Our Services - 3 columns

Accordion

Action Boxes

Blockquote

Text and Image - Edge to Edge

Text and Image - Full width

Text and Image - Wide

Text and Image - Medium

Text and Image - Narrow

Text and Image - Tiny