wiki.juguerin.com

Outils pour utilisateurs

Outils du site

Piste: • image_responsive

Panneau latéral

Symfony 4

Mise en place

Général

Fonctionnement

Doctrine 2

Outils

Exemples

Astuce PHP

HTML

Rappel des bases

Boostrap 4.1

Introduction

Les Colonnes

Image

Structure

Twig 2

Introduction

Filtre

Instruction

front:boostrap_4.1:image:image_responsive

Image responsive

Bootstrap permet de rendre une image responsive très facilement.

Pour cela, il suffit d'ajouter la class=“img-responsive” pour que la largeur de l'image s'adapte automatiquement en fonction de la taille de l'écran.

Exemple: 

<img class="img-responsive" src="https://lien/image" alt="nom image">
front/boostrap_4.1/image/image_responsive.txt · Dernière modification: 2019/12/08 08:41 (modification externe)

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki