'Why is my Bootstrap column not staying on the right side with the same setup on some pages?
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!
Solution 1:[1]
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.
Solution 2:[2]
"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
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 | Shammi Singh |
| Solution 2 | jiya ranka |