<Col width="0" tabletWidth="100">

When I use <Col width="0" tabletWidth="100"> I expect the content to only show on tablet or desktop. But it doesn’t work. What am I doing wrong?

There is no such 0 width support. Having zero width can’t guarantee it will collapse correctly as you may have column padding or some absolute positioned elements inside. Just add some class like tablet-only and define it in CSS:

@media (max-width: 767px) {
  .tablet-only {
    display: none !important;
  }
}

]
How about:

@media (max-width: 767px) {
  .col-0 {
    display: none !important;
  }
}

Setting the width to zero seems to add the col-0 class anyhow.

?

1 Like