覆盖 Bootstrap 断点

Question

Bootstrap 使用他们设置的媒体查询来定义他们的断点。

我想更改断点而不通过并更改 bootstrap.min.css 文件中的 px 值。

是否可以将媒体查询添加到我自己的 css 文件中以覆盖 bootstrap 的文件，例如： Bootstrap:

@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline-block{
        display:inline-block!important
    }
}

我的：

 @media (min-width:700px) and (max-width:1199px){
        .visible-md-inline-block{
            display:inline-block!important
        }
    }

扩展最小宽度以允许较低像素的屏幕以中等显示查看页面。

Answer 1

您可以在本地编译 CSS 文件或在线生成自定义文件： http://getbootstrap.com/customize/

只需更改媒体查询断点并编译即可。