css - Issues with bootstrap grid at 768px -

I am using the recommended method for break points i.e. call-x, call-sm, my website colonel -MD works, but for some reasons I'm facing problems on 768 pixels which I believe should be a break point for Colex X

Here's what happens

769px

768px

767px

< Img src = "https://i.stack.imgur.com/ky3iA.png" alt = "Enter image details here">

Finally, I want to display the same layout to 767px and 768px Was expecting

just col-sm value 12

col-sm-12

It is important to add a line too.

Your code is:

And maybe for MD & LG also for Xs it's like you, as you've seen, like it automatically looks.

And if you want to do this since 768, and not before just toggle the class with JQuery.

  $ (function () {if ($ (window). Width () & lt; 769) {$ ("classofthediv"). RemoveClass ("col-sm-6"); $ ("Classofthediv"). AddClass ("Col-sm-12");}});  

You may need to add a window (window). If you change the window again, you also want to get effects.

  $ (window) Resize (function () {if ($ (window). Width () <769) {$ ("classofthediv") RemoveClass ("col-sm-6"); $ ("classofthediv"). AddClass (" Call-SM-12 ");}});  

Hope this works! :)