Bootstrap v4.6.0
Bootstrap v4.6.0 is here with a couple new features, several bugfixes, and some awesome documentation updates to make v4 more maintainable alongside our development of v5.
Read on for the highlighted changes or head to the v4.6 docs to see the latest in action.
Hugo!
The biggest change in v4.6.0 is under the hood—we’ve overhauled our development environment to match that of v5. Our v4.x docs are now powered by Hugo. That means no more Ruby dependency for v4.x, improved maintainability between major versions, faster development, and incredibly fast build times compared to Jekyll.
Changes
Also available in the v4.6.0 release on GitHub.
Highlights
- Tooltips and popovers can have custom clases via
customClass
option. - Added new
.navbar-nav-scroll
class for scrolling expanded navbar contents on mobile devices. - For improved accessibiliy, spinners now slow down when
prefers-reduced-motion
is enabled. - v4.x docs are now built on Hugo for easier maintenance and backports from v5.x.
- Darkened
background-color
of.dropdown-item
for improved hover state contrast, and ligthened the disabled.dropdown-item
color
. - Improved alignment of form validation tooltips.
- File inputs no longer extend beyond their containers.
CSS
- #31557: Fix form validation tooltip alignment
- #31657: Handle the Ubuntu sans-serif case
- #31700: Suppress flexbox side effects in breadcrumb
- #31882: Slow down spinners when prefers-reduced-motion
- #31886: Fixed: Undefined mixin “deprecate” when importing “bootstrap-grid-scss”
- #32141: Use correct value order
- #32145: Avoid invisible real file input “spilling” out of container
- #32160: Add overflow suppression to custom file label
- #32211: Move negative margin-bottom from .nav-item to .nav-link
- #32212: Remove needless Stylelint disables
- #32833: Add
.navbar-nav-scroll
for vertical scrolling of navbar content - Add two new variables for pagination border-radius values; backport of #32423
- Remove old/unnecessary reboot bug fix; backport of #32631
- Suppress focus outline for buttons when it shouldn’t be visible in Chromium; backport of #32689
- Consistently use
outline:0
rather thanoutline:none
; backport of #32751 - Darken dropdown item hover style; backport of #32754
- Lighten disabled dropdown text to
$gray-500
JS
- #31820: Check for data-interval on the first slide of carousel
- #31834/#32225: tooltip/popover: add a
customClass
option - #32001: Move
js/src/index.js
one folder up - #32045: tests: fix sanitizer test
- #32220: Don’t hide modal when
config.keyboard
is false - #32312: build-plugins: switch to “bundled” for babel helpers
Docs
- #31861: Split up dropdown sizing docs to improve rendering
- #31892: Remove redundant visually hidden “(current)” from pagination controls
- #31893: manifest.json: Switch to relative URLs so that we don’t need to change the path with every major/minor release
- #31898: switch to suggesting jsDelivr as a CDN
- #31904:
- #31936: forms: change inline custom radio name
- #31951: Update anchor-js to v4.3.0
- #31960: Explicitly mention emoji fonts, tweak sentence in typography
- #31981: list-group.md: fix snippet
- #32005: Remove
bugreport.apple.com
since it doesn’t work - #32015: Fix redirects
- #32050: Make docs anchorjs links darker on keyboard focus
- #32054: Add callouts about using light colors ideally on a dark background
- #32077: Switch to Hugo
- #32083: mention “Liberation Sans”
- #32087: download.md: link to JS files comparison too
- #32094: Changes to navbar documentation/explanation
- #32106: Clarify JS bundle docs once more for v4
- #32137: input-group.md: fix wrong class
.visually-hidden
- #32138: navbar.md: remove
loading=lazy
from snippets - #32147: Fix caniuse.com redirects
- #32151: Mention user-select-all support in docs
- #32196: homepage: split snippets and show copy buttons
- #32203: Switch to jsDelivr for the remaining docs assets
- #32223: introduction: split comments
- #32247: Fix typos in tooltip/popover docs
- #32253: Add Russian translation
- #32363: Remove useless
.text-left
in Layout / Overview - #32399: Remove duplicated “follow Bootstrap on Twitter” link in Community section
- #32457: Add mention of the bs-custom-file-input plugin needed for the custom file input
- #32461: style clipboard button on
:focus
, not just:hover
- #32462: Replace Lorem Ipsum placeholder text with more representative (or at least english language) text
- #32634: Remove incorrect mention of dropdowns for dynamic tab behavior
- #32639: v4: Add an actual
data-touch="false"
example in the carousel docs - #32728: add v5.0 in versions
- #32761: Mention stretched-link constraints with table elements
- #32789: Remove
role="button"
from CTA links in carousel example - #32791: Docs v4: Sass implementation and rounding precision
- #32809:
- #32827: Add a live toast example to the docs
- #32759: Mention CSP and embedded SVGs in v4 docs
- docs(dropdowns): clarify where is
.show
applied - Require
.has-validation
for input groups with validation - Fix mobile menu jump & double border
- Remove double spaces from homepage SVGs
- browserconfig.xml: switch to relative image path
- Tweak the wording for collapse to indicate button is preferred/more semantic; backport of #32632
- Clarify the
$enable-shadows
option in our docs; backport of #32685
Examples
- #31979: v4 Examples/Floating-labels: fix bad behavior with autofill
- #32198: examples: add the version number in
title
Misc
- #29753: Improve build/generate-sri.js regex
- #32003: CI: switch to Node.js 14
- #32008: Update Edge’s Rendering Engine on CONTRIBUTING.md
- #32486: BrowserStack: test on macOS Catalina instead of High Sierra
- #32756: Stylelint: disallow some property values
- Fix for npm 7.x package.json: move
version_short
variable under theconfig
object; backport of #32737 - Update build-examples script so that the resulting examples zip file includes only the needed files
- Various CI tweaks
- Updated devDependencies
Next up
Our second beta of v5 is coming. We’re working on ironing on some kinks from the update to Popover 2, which has taken longer than expected. This affects our dropdowns, popovers, and tooltips. Once some of the major issues are resolved, we’ll ship our next beta.
Please keep the feedback coming on what we can improve, how our releases are performing, and any other suggestions.
Support the team
Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.
Read more https://blog.getbootstrap.com/2021/01/19/bootstrap-icons-4.6.0/
- Details
- Category: Developer News
January 15th 2021 Events Department Meeting
Participants: David Aswani, Benjamin Trenkle
Apologies: None
Total time of the meeting: 45 minutes
Venue: Google Meet
The Events department held its monthly meeting where the following items were discussed.
Event Department
1. Discussed and adopted, the 2021 Events Team vision guiding
...- Details
- Category: JBlogs
NextGame for FootballManager

Go a step forward
The FootballManager NextGame Module for Joomla extends your site
with a countdown timer that shows the remaining time until the next
game. In addition, the live features (after the countdown) offer
live stats and an optional content area for your live
broadcast*.
Surprise your visitors with this module. Designed as a unique eye-catcher, all relevant information about the next game fully automatic. Once set up, the module works completely autonomously and shows your visitors a countdown to the next game. When the kickoff has occurred, the module can also be used to display further details about the game.
Integrated Live Features
After the kickoff, the real action starts. The module supports our live features. That means the module shows the current score (AJAX integration no reload of the page necessary!) when you enter it. In addition, we offer you a section in which you can freely display additional content during the game. This can be a livestream window or further text information or a liveticker... All possibilities are open to you.
Use our NextGame for FootballManager Module in combination with our GameMaster Module to get the maximum out of it!
*Boradcast / Liveticket solution is not included in this module and can be done for example by an iFrame embed or our free nx-YoutubeBox Module.
- Details
- Category: Latest Extensions
OSM, Inc. - Full Board Meeting - January 07, 2021
Open Source Matters, Inc.
Full Board of Directors and Officers Meeting
Date: January 07, 2021
Time: 18:00 UTC
Total time of meeting: 1 hour 40 minutes
Attendees:
Brian Mitchell (President), Justine Ayebale Abunyanga (Vice President), Luca Marzo (Secretary), David Opati Aswani (Director), Jaz Parkyn (Director), Marianela Queme (Director), Wilco Alsemgeest (Director).
Apologies:
Radek Suski (Treasurer), Hugh Douglas-Smith (Director), Marco Dings (Director).
Proxies:
Jaz Parkyn served as proxy for Hugh Douglas-Smith
until 19.00 UTC.
Wilco Alsemgeest served as proxy for Marco Dings.
Luca Marzo served as proxy for Brian Mitchell since 18.55 UTC.
Discussion outline
President
...- Details
- Category: JBlogs
Games for FootballManager

The FootballManager Games Module generates a list view of all played, still to be played or all games of a season, season phase or league based on the entered games in the FootballManager Component and the module settings. The filters can be combined freely in the module settings.
You have a large number of customization options to adapt the look and feel of the module to your site/design. In addition, the "Simple Table" layout allows you to freely arrange the columns to be displayed, such as home team, away team, kickoff, score, and more. (11 available content types) freely arrange with our builder.
Currently there are three different layout options available.
The Standard Layout, the Darkglass Layout (StandardLayout inverted)
and the Simple Table Layout. Optionally, you can display further
game information via modal for all three. If this option is
activated, a click on one of the games opens the corresponding
modal with the additional information.
Like the our other FootballManager modules, the Games module relies
on the integration of UIkit 3, which can either be paid for through
the template (the module will then adapt your template styles) or
you can use the version of the UIkit 3 framework that comes with
the FootballManger component.
Modal Solution included
This module comes with an included modal view. This means that additional information on the respective game is only a click away.
Available information within the modal
All settings are optional. The modal adapts its appearance according to your configuration.
- Customfield integration
- Sponsor Support
- Headerimage by Game / Location
- Show Score (past games)
- Logo Background (Header)
- Show Countdown (upcoming games)
- Configure Countdown Layout (Colors / Size)
- TicketLink
- Event Description
- Location Description
- Detailsbox
- Flyer / Flyer Lightbox
- Team Link
- Show Officials for game
- Show Game Rosters
- Show Player Positions (optional learn more link)
The module accesses the stored data in the Football Manager component for the respective information. The complete administration for sponsors / player positions and others is possible via the component.
- Details
- Category: Latest Extensions