在某个断点上删除列上的边距

Question

我正在尝试在 Tailwind 中实现类似于 Bootstrap 的布局，其中容器内的一列没有自动边距。引导程序中的 CSS 示例。谁能在 Tailwind 中提供类似的解决方法？

@media (min-width: 994px) {
    .section-full-width-right > .container > .row > .col-lg-6:last-child {
        position: absolute;
        left: 50%;
    }
  }

Answer 1

@screen md {
  .section-full-width-right > .container > .row > .col-lg-6:last-child {
    @apply absolute left-half;
  }
}

并确保将 inset 属性更改为

inset: {
  0: "0",
  auto: "auto",
  half: "50%"
}

在tailwind.config.js 文件中。