Topic: col-md class overrides col-sm class

agrislab priority asked 1 year 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 commented 1 year ago

What do you mean by writing overrides? Grid system not working properly? Please create a snippet with this bug.


agrislab priority commented 1 year 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 1 year ago

screenshot link

https://drive.google.com/drive/folders/1D_ni1tlPBVxERXS1AKVcxCc8gIer8WCp


Grzegorz Bujański staff answered 1 year 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 1 year ago

can you please give me your mail id. I will forward you my project files.


agrislab priority commented 1 year 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 1 year ago

Great. I'm glad that the problem was solved. Keep coding! :)



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: 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