What's new in Bootstrap 4.4.0?

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.

Related Posts

ASP.NET Web Forms Bootstrap Web Development

More on Bootstrap 4 modals in ASP.NET Web Forms applications using UpdatePanels

by John Avis | April 9, 2019

In this, my third post on this topic, I go over the methods I am using now and the problems I have encountered and overcome.


Bootstrap Web Development

Sample Bootstrap 4 template for a search orientated two row navbar

by John Avis | January 16, 2019

This sample lends itself to an ecommerce website.


Bootstrap Web Development

Free Bootstrap 4 Template with Side Navigation

by John Avis | December 20, 2018

I recently needed a simple Bootstrap 4 template with side-navigation so came up with the following template.

Comments

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

Leave a Comment

Tags

About me

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

Subscribe

Get the latest posts delivered to your inbox.