为不同的断点设置元素的大小

时间:2019-11-13 14:40:05

标签: css bootstrap-4

我不知道如何根据断点设置不同的宽度。 例如,以下代码将应用于所有断点:

<nav class="navbar-nav w-75 ml-md-4">
... a select element
</nav>

但是对于大于或等于中等大小的屏幕,如何触发w-100呢?

1 个答案:

答案 0 :(得分:1)

width util classes没有响应(没有断点),因此您必须设置自定义媒体查询...

@media (min-width: 768px) {
  .w-md-100 {
     width:100% !important;
  }
}

演示:https://www.codeply.com/p/dmGpB0YQXP