我如何在Bootstrap SCSS中获得previos网格断点?

时间:2019-10-29 09:15:15

标签: css twitter-bootstrap sass

假设我要遍历$grid-breakpoints以仅设置扩展导航栏的样式(假设我不知道.navbar-expand类名的值,因为用户可以选择任何名称。我会这样做:

@each $breakpoint, $value in $grid-breakpoints {
  .navbar-expand-#{$breakpoint} {
    @include media-breakpoint-up(#{$breakpoint}) {
      // exanded navbar styles here 
    }
  }
}

这正常。但是,现在我要设置未展开导航栏的样式。我的第一个想法是使用:

@each $breakpoint, $value in $grid-breakpoints {
  .navbar-expand-#{$breakpoint} {
    @include media-breakpoint-down(#{$breakpoint}) {
      // exanded navbar styles here 
    }
  }
}

但是down关键字也设置了我不需要的当前断点的样式。因此,我需要以某种方式获取先前的断点。我该怎么做?

0 个答案:

没有答案