Bootstrap 4 como ocultar o mostrar en smartphone | Programador Web Valencia

Bootstrap 4 como ocultar o mostrar en smartphone

1 minuto

Bootstrap logo

A continuación dejo una pequeña ayuda con Bootstrap 4 para mostrar u ocultar ciertas secciones de una web. Hay ocasiones que necesitamos eliminar algún fragmento de HTML o diseño concreto, y con Bootstrap comprobarás su sencillez. Solo necesitarás jugar con las visibilidades de los bloques. Fácil, ¿no?

<div class="d-none d-sm-none d-md-block">Este texto solo visible para escritorio</div>
<div class="d-block d-sm-block d-md-none">Este texto solo visible para smartphone</div>

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

Comprame un café
Pulsa sobre la imagen

No te sientas obligado a realizar una donación, pero cada aportación mantiene el sitio en activo logrando que continúe existiendo y sea accesible para otras personas. Además me motiva a crear nuevo contenido.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...