Bootstrap responsiveness on large screens

Question

I’m creating a bootstrap4 site and it’s breaking/getting weird on screens over 1300px.

Is that the standard Bs behavior in these cases? What can I do to make the layout equal to the desired?

Edit: I realized I shouldn’t have posted the image of the site layout or the code and therefore delete from the post.

Answer 1

Two shapes that comes to mind now to "adjust" that would be:

1st Since you are using Bootstrap 4 put all your code inside a <div class="container-fluid"> not forgetting to close the </div> in the end.

second other is:

<style>    
        @media screen and (max-width: 1800px) {
          body{
            width: 1920px;
          }
        }
</style>

This will prevent the elements from escaping to the desired size, you can set to even larger sizes.