简单问题:Bootstrap 现在是“移动优先”。我如何将其更改回“桌面优先”,我的意思是使用“屏幕低于”方法而不是“屏幕高于”。他们确实在自己的文档中使用 media-breakpoint-down mixin 给出了一些提示,但我还没有能够让它工作。
如有任何帮助,我们将不胜感激。
稍后编辑:我的问题是如何修改原始文件,以便当我使用 cmd 中的 npm build 命令构建 Bootstrap dist 文件时可以获得此结果。就这样。我在与 Bootstrap 分开的 .css 文件中编写自己的 css
后来的Edit2:如果我不清楚我想要什么,当你构建 Bootstrap 时,默认情况下它在构建媒体查询时使用@media-breakpoint-up系统以及它如何构建编译的CSS(无媒体查询)对于移动设备,min-width:576px 等等)。我如何让它使用@media-breakpoint-down反向编译它,这样它就不会对超过1200px的媒体查询,然后对最大1199的lg进行媒体查询,依此类推,然后继续向下。
最佳答案
您可以使用:
@include media-breakpoint-down(xs) {
//your code
}
这将转化为:
@media (max-width: 576px) {
//your code
}
其中针对特定屏幕的选项为xs、sm、md、lg、xl
。
关于css - 如何构建 Bootstrap 4 并牢记桌面优先方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46565284/