On two pages I have the same setup with a column of 75% width and a right side column of 25% width. On this page everything works fine (the column with the calendar is on the right side): https://maciunmacies.valoda.lv/izglitiba-diaspora/metodikas-skola-pupa

But, for example, on this page the column with the calendar suddenly jumps down below (it didn't happen before and I didn't change anything): https://maciunmacies.valoda.lv/izglitiba-diaspora/talmaciba

So I have no clue. Maybe someone could help me understand why the pages are behaving this way? Thank you!

CodePudding user response：

It seems like on the second page you have mistakenly put the second column outside of the row class. see the two images first page HTML and second page HTML

CodePudding user response：

I have checked your both pages. It's div close tag issues. Solution : you need to close row class div after col-lg-3 class div. Issues : But now row class div it's close before col-lg-3 class div.

CodePudding user response：

"col-lg-3 col-md-4 d-none d-sm-none d-md-block diaspora-banners" is not inside the row.

Compare the structure of both pages