Hiding a div that on the next line

Question

I am using Bootstrap for Auto Layout Columns.

I'd like to hide the div that breaks to the next line. I've tried to set a fixed height to the class row and then use @media queries.

Can you advise a better way ?

user_15372668 · Answer

I'd like to hide the div that breaks to the next line. I tried to set a fixed height to the "row" div...

You're right on track, you just have to set the overflow to hidden (default value of the overflow property is visible) to hide the div that breaks to the next line. See the snippet below:

.row {
  overflow: hidden;
  height: 1.5em;
}

@media only screen and (max-width: 620px) {
  .row{
    height: auto;
    flex-direction: column;
  }
}

Hiding a div that on the next line

1 Answers