What's new in Bootstrap 4.4.0 and 4.4.1?

John Avis by | November 27, 2019 | Bootstrap

Read about the two major improvements in Bootstrap 4.4.0, released 26 November 2019.
Whats new in Bootstrap 4.4.0

There are two major improvements in Bootstrap 4.4.0, released 26 November 2019.

Responsive containers

If, like me, you've been annoyed with the fixed width of Bootstrap's container class below the xl breakpoint, then you will be pleased with the enw responsive containers.

If you use container-{breakpoint} instead of container, the container will span 100% width up to the specified breakpoint.

Bootstrap documentation
Demo

Responsive .row-cols classes

There are now shortcut row-cols-* classes to specify how many columns should be shown per row.

Looking at the following example, the row will contain two equal width columns at all breakpoints.

<div class="container">
<div class="row row-cols-2">
<div class="col">Column</div>
<div class="col">Column</div>
<div class="col">Column</div>
<div class="col">Column</div>
</div>
</div>

You could specify a different number of columns per row at all breakpoints by changing to row-cols-* or specify columns for various breakpoints by using row-cols-{breakpoint}-*, for example:

<div class="container">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
<div class="col">Column</div>
<div class="col">Column</div>
<div class="col">Column</div>
<div class="col">Column</div>
</div>
</div>

Bootstrap documentation (Grid)
Bootstrap documentation (Card)

These are the two changes that most people will want to know about, but there has also been other minor behind-the-scenes changes and bug fixes in 4.4.0. Check out the Bootstrap blog for full details.

Update: Just a couple of days later, the Bootstrap team released v4.4.1 as there was an issue when compiling with some Sass compilers.

Related Posts

What's new in Bootstrap v5

by John Avis | December 22, 2020

There are many changes in Bootstrap v5, but these are some of the stand-out changes I noticed when updating a website to v5.


How to use the new Bootstrap Icons v1.2 web font

by John Avis | December 12, 2020

With the release of Bootstrap Icons v1.2, there is now an easy-to-use web font. Here's how you can use the new web font in your web pages.


Bootstrap Icons in Alpha

by John Avis | December 9, 2019

The Bootstrap team have introduced their own open-source icon set.

Comments

There are no comments yet. Be the first to leave a comment!

Leave a Comment

Tags

About

...random postings about web development and programming, Internet, computers and electronics topics.

I recommend ASPnix for web hosting and Crazy Domains for domain registration.

Subscribe

Get the latest posts delivered to your inbox.