Topic: col-md class overrides col-sm class
agrislab priority asked 3 years ago
Break Points Bootstrap 5 sm: 576px, md: 768px, at media less than 576px "col-sm-12" class should have 100% width at media greater than 576px col-sm-12 get override by col-md classes
Break Points Bootstrap 5 sm: 576px, md: 768px, at media lessthan 576px "col-sm-12" class not showing 100% width width:100% style of col-sm-12 override by col-md-6 , ie width:50%
Grzegorz Bujański staff answered 3 years ago
Unfortunately I am not able to reproduce it. Check out this snippet: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/3055522 It's the same code as yours, only using MDB 3.5.1
agrislab priority commented 3 years ago
can you please give me your mail id. I will forward you my project files.
agrislab priority commented 3 years ago
Issue resolved !
sorry, the above meta tag was missing in our code. finally added this meta tag and its completely responsive now.
and again, sorry for interrupting you. thanks for your great support.
Grzegorz Bujański staff commented 3 years ago
Great. I'm glad that the problem was solved. Keep coding! :)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.5.1
- Device: desktop
- Browser: google chrome
- OS: windows 10
- Provided sample code: No
- Provided link: No
Grzegorz Bujański staff commented 3 years ago
What do you mean by writing overrides? Grid system not working properly? Please create a snippet with this bug.
agrislab priority commented 3 years ago
https://mdbootstrap.com/snippets/standard/agrislab/3052221
please check the above link.here in this snippet the code is working fine.
I am using MDB5 Version: PRO 3.5.1 .In this version it is not working properly
thanks for your support
agrislab priority commented 3 years ago
screenshot link
https://drive.google.com/drive/folders/1D_ni1tlPBVxERXS1AKVcxCc8gIer8WCp