28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai besoin de votre aide : 3 colonnes Boostrap, la 1 et la 3 sont des images, je veux centrer verticalement le texte de la 2. Ca j'y arrive.
Mais je voudrais un fond de couleur derrière toute la colonne 2, et ça je n'y arrive pas, seul le texte se met sur fond rouge ou quand je déplace ma classe, le fond devient bien rouge mais le texte remonte et n'est plus centré.

Une jolie image : upload/1500384398-50580-capture.jpg

Et un lien jsfiddle : https://jsfiddle.net/1jkkf5df/1/

Merci de votre aide et bonne journée !
Marine
Modérateur
Bonjour,

Il ya la version de bootsrap qui embarque le system flex : https://v4-alpha.getbootstrap.com/

Tu peut evententuellent t'en servir . pour les class à utilisé voir: https://v4-alpha.getbootstrap.com/utilities/flexbox/

la librairie se trouve là (pour test): https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css

et ça pourrait donner ceci : https://codepen.io/gc-nomade/pen/pwmYEQ

Bonne fin de journée
Modifié par gcyrillus (18 Jul 2017 - 18:24)
Merci gcyrillus, ça marche vachement mieux Smiley smile
J'ai encore une question car j'avais mis qu'un h2 dans mon ex et en fait j'ai un h2 et un p. Du coup, ils sont côte à côte alors que je les voudrais l'un en dessous de l'autre. Je dois changer quoi ?
https://jsfiddle.net/1jkkf5df/5/

Merci !!!!!