Bootstrap doesn't work at 768px, anyone else?

Question

css

I used bootstrap.css and bootstrap.js to create a site, but I just ran into a not-so-good problem: as soon as the page width becomes 768px, all Bootstrap styles seem to be disabled, and scripts stop working (also Bootstrap) and the site just gets ugly. So, did I do something wrong or did someone else come across this and this is a small defect of the developers? If it's my fault, can you point out the error? Thank you.
Note: on 769 and above and on 767 and below, the site works as it should.
Here is the site itself: q900237t.bget.ru

Answer 1

You use media screen and (max-width: 767px) instead of media screen and (max-width: 768px).
After all, if you look at this media in standard bootstrap, it uses 767 for max-width and 768 (which you have) for mix-width joxi.ru/82QQaayi1OokX2

Answer 2

Everything works fine on chrome

Answer 3

You need to expand the section in the q900237t.bget.ru/styles/homepage_media.css file

@media screen and (max-width: 768px){
  nav{ width:100%}
  nav ul{float:none;text-align:center;padding:0}
  nav ul li{display:block}
  .section3_bg img,.section4_bg img{width:300px}
  .section6_bg .dots{left:-10px}
  .menu-btn{display:block;margin-bottom:20px}
}

That is, for a width less than 768 in this file, the blocks are described more fully, you need to write the appropriate instructions for the max-width: 768px section