Override default Bootstrap breakpoints is not working

HTML-CSS
1

Hi,
I’m trying to override the default Bootstrap breakpoints so XXL breaks at 1440px instead of at 1400px.

The container width should also be 1440px. So I did find this code example where they have both the $grid-breakpoints and $container-max-width also be the same value:

codeply code example

Here is what I have so far. Obviously I’ve done no ‘beatifying’ yet, it’s very basic layout code only:

github

But it’s not breaking at 1440px , still at 1400px.

I hope someone can give some insight.
Thanks!

2

I’m trying to figure this out still . I’m using Ruby if it matters and cdn links.

I’m wondering if this is only possible using the npm package manager and downloading bootstrap?
I’m hoping not , as that seems rather complicated for now.

Hope someone can give some insight or so.

I found this stackoverflow post , yesterday already, but it’s of little help:
stackoverflow post
Thanks!

3

I forgot to add, I’m also using Sass.

4

I just would like to know how to do this with cdn links and sass.

Everywhere I read , including the official documentation , it involves downloading Bootstrap , and I have no clue how to do this with a project I’m uploading to github?

5

I relented and downloaded bootstrap and got it to work. Thought it would be much fussier.