css - 768px 的 Bootstrap 网格问题

Question

我在我的网站上使用建议的断点方法，即 col-xs、col-sm、col-md，这确实有效，但出于某种原因，我在 768px 处遇到问题，我认为这应该是一个中断col-xs 的点

这是发生了什么

769px

768px

767px

最终，我希望 767px 和 768px 显示相同的布局。

Answer 1

我是这样解决的

@media (max-width: 768px){
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
  width: 100% !important;
}
}