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?

No te sientas obligado a realizarme una donación, pero cada aportación me ayuda a mantener el sitio en activo para que continúe existiendo y me motiva a continuar creando nuevo contenido.

Comprame un café
Pulsa sobre la imagen
  • 1 café: Se mantiene el dominio durante 4 meses.
  • 2 cafés: Se paga 1 mes de servidor.
  • 3 cafés: Se cubre 1 mes de Black box.

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...