This release updates to Bootstrap v4.0.0-beta.2, for official release notes and ship list see: https://github.com/twbs/bootstrap/issues/23278
Replace the following files:
- Replace: assets/js/scripts.js and assets/js/scripts.min.js
- Replace: .navbar-toggleable-* classes with the new .navbar-expand-* classes
- Replace: index-event.html
- Replace: All index-onepager html files
- Replace: data-toggle=”unveil” with data-toggle=”blazy”
- Replace: index-jobs.html
- Replace: index-freealancer-portfolio.html carousel code
- Replace: Backup /assets/scss/custom then overwrite /assets/scss/ with new files, then add your /assets/scss/custom directory back, run gulp
- Replace: .header-transparent now has no default sticky styles, use the new .sticky-header-light, .sticky-header-dark, .sticky-header-primary classes to control the .header
- Removed: .header-translucent has been removed in favour of using .bg-* classes and .bg-op-(1-9) classes for more flexibility
- Replace: The following colour classes have been replaced:
- .bg-inverse (use .bg-dark)
- .bg-faded (use .bg-light)
- .text-inverse (use .text-dark)
- .border-faded (use .border-light)
- .divider-faded (use .divider-light)
- .hr-faded (use .hr-light)
- .navbar-inverse (use .navbar-dark)
- .btn-inverse (use .btn-dark)
- Replace: Sass variable changes:
- All colours have been added to a sass map called $as-theme-colours and $as-theme-colours-extended (with social brands)
- $extended-colour-options has been renamed to $as-theme-colours-extended-options and set to false as default.
- $theme-colours has been renamed to $as-theme-colours-default
- $theme-brand has been renamed to $as-theme-colours-brands
- $social_brands has been renamed to $as-theme-colours-social-brands
Changes:
- NEW: New magazine homepage variation with new header on sticky functionality and inline overlay search form
- NEW: Control scroll link speed by passing data-scroll-link-speed on any data-toggle=”scroll-link” link
- NEW: Added animated modals with animate.css (elements-modals.html)
- NEW: Responsive overlay menu header example (header-overlay-menu-responsive.html)
- NEW: Social media branding colours and utilities page (elements-social-media.html)
- NEW: Amazing header control with new sticky classes, restyle your header on sticky for the ultimate flexibility
- NEW: .nav-link-dd-effect main nav link class to make nav links act link dropdown links on hover
- UPDATED: Bootstrap beta 2 update (see: https://github.com/twbs/bootstrap/issues/23278)
- UPDATED: added new position classes .pos-BREAKPOINT-(y,x,a) for y axis, x axis and all sides and pos-BREAKPOINT-SIDE-auto for auto positioning
- UPDATED: Migrated from unveil to blazy for image lazy loading. Lazy load anything with an src!
- BUGFIX: Fixed markup issue on index-event.html
- BUGFIX: jobs sidebar sticky fix on small screens and header scroll issue fix
- BUGFIX: Tabs active background transparent fix
- BUGFIX: scroll menu active state on one pagers fix
- BUGFIX: IE11 carousel fix on index-freealancer-portfolio.html