Question

我的意思是：在bootstrap 4中（我相信其他版本也是，但是我正在学习4）网格系统“每个类都按比例放大，因此，如果您希望为xs和sm设置相同的宽度，则只需指定xs”-从w3学校-

那么在bootstrap.css文件中实际上如何实现就像利用CSS规则应用此技巧一样，因为当您查看bootstrap-grid.css文件时，您会发现每个网格类在不同的媒体查询下都有不同的最大规则

@media (min-width: 576px) {
.col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
@media (min-width: 768px) {
  .col-md-1 { .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}

因此，当您为您的内容指定class =“ col-sm-1”并在“ md”设备上打开页面时，该内容不应占用全部12列，因为没有为sm条件指定任何md类媒体查询不满意，应该忽略但实际上发生的是，内容实际上仍然只占据了1列

引导网格类中的放大实际上是如何实现的

0 个答案: