'Issue with flexbox / gap in Bootstrap website under breadcrumbs

I got an issue with one of my pages based on Bootstrap which I do not really understand. We added recently breadcrumbs (also BS) for navigation, but on some pages there is a big gap between the breadcrumbs and the main content as you can see on the following page: Page with issue

But there are also pages which do not have this issue and I can't find the reason why this happens: Page without issue

htmlcssbootstrap-5


Solution 1:[1]

your layout is totaly wrong

in your case use this :

.row{
align-content: flex-start;
}

Solution 2:[2]

in .row add:

.row {
   align-content: flex-start;
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Bazzz

Related Questions