Bootstrap Как отключить float

PavelP

Есть 2 div-а:

<div class="container-fluid wraper">
  <div class="row">
    
     
  </div>
</div>

Соответсвенно на маленьких разрешениях они становятся на весь экран и second подныривает под первый. Как сделать так, чтобы второй не подныривал, а оставался на месте. Т.е. его положение оставалось справа от первого, а сам он был за overflow-y?

1 ответ

PavelP

#left {
    height: 100vh;
    max-width: 50vw;

}

#right {
    height: 100vh;
    max-width: 50vw;
}
.up {
  max-width: 100vw;
}

@media (max-width: 970px) {
  #right, #left {
    min-width: 100vw;
  }
  .up {
    min-width: 200vw;
    max-width:200vw;
  }
}
<div class="up">
    <div class="cont container-fluid wraper">
        <div class="row">
            <div id="left" class="col-lg-6 col-md-6 col-sm-6 col-xs-6 ">
                efsef
            </div>
            <div id="right" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                awdawd
            </div>
        </div>
    </div>
</div>

Вот так грубовато у меня таки получилось

licensed under cc by-sa 3.0 with attribution.