Hace una semana me descargué la versión Beta y lo implementé en mi proyecto. Tuve la necesidad de ocultar un elemento div para los tamaños md hacia abajo. Intenté con la clase hidden-md-down pero no me funcionó! El tema es que a partir de la versión beta, ésta clase hidden fue eliminada por temas de interferencia con el jquery.
Entonces qué?
Para mi caso bastó lo siguiente:
para desaparecer el bloque:
d-none d-*-block (la d es de display y el * es la medida sm, md, lg, xl)
El siguiente bloque desaparecerá a partir de dispositivos md hacia abajo.
<div class = "d-none d-md-block">
</div>
Bootstrap 4 alpha
<div class="hidden-md-up"></div>
<div class="hidden-md-down"></div>
<span class="hidden-sm-down"></span>
Bootstrap 4 beta
<div class="d-md-none">
<!--
- Equivalent to: .hidden-md-up
- display:none md and up.
- Default mobile-first behaviour is display:block at xs and up
-->
<div class="d-none d-lg-block">
<!--
- Equivalent to: .hidden-md-down
- display:none md and down
- lg is one breakpoint higher than md
-->
<span class="d-none d-md-inline">
<!--
- Equivalent to: .hidden-sm-down
- display:none below md (sm-down)
- display:inline md and up (equivalent to hidden-sm-down)
-->
No comments:
Post a Comment