Question

Bootstrap的最大网格宽度为1200px，但有几种情况我必须为全球两种最常见的分辨率（1366x768和1920x1080）调整CSS。

在Bootstrap 4中定位笔记本（＆gt; 1200＆lt; 1400＆lt; 1200＆lt; 1400）和实际桌面（＆gt; 1400）的正确方法是什么？

Answer 1

看看这是否对您有所帮助：
https://github.com/spring-projects/spring-integration-aws

HTML

<div class="container">
 <!-- content here -->
</div>

CSS

@media (min-width: 1200px) and (max-width: 1400px){ 
  .container{
    max-width: 1168px;
    background-color:olive;
  }
}

@media (min-width: 1401px) { 
  .container{
    max-width: 1368px;
    background-color:teal;
  }
}

根据需要编辑这两个新媒体查询的最大宽度和其他样式。

以上内容也适用于https://codepen.io/panchroma/pen/GxLVyp，以下是一个示例：Bootstrap 4 auto layout columns

祝你好运！

如何在Bootstrap 4上定位笔记本和台式机？

1 个答案: