Partage
  • Partager sur Facebook
  • Partager sur Twitter

Centrer verticalement image et titre Framework CSS

Sujet résolu
    16 décembre 2018 à 17:55:19

    Bonjour, 

    j'ai découvert récemment le framework Bulma que je trouve plutot intéressant. Mon projet n'ayant pas pour but la création d'un site web j'ai décidé de l'utiliser pour aller plus vite. Cependant je rencontre un souci avec une image.

    J'ai utilisé 

    <section class="hero is-medium is-light is-bold">
      <div class="hero-body">
        <div class="container">
        	<div class="columns is centered">
        		<div class="column vertical-center">
        			<figure class="image">
        				<img src="test.png">	
        			</figure>
        		</div>
        		<div class="column vertical-center">
        			<h1 class="is-size-3 is-size-4-mobile has-text-weight-semibold title has-text-right">
    		        Titre
    		      	</h1>
    		      	<h2 class="is-size-3 is-size-4-mobile has-text-weight-semibold subtitle has-text-right">
    		        sous titre
    		     	 </h2>
    		  </div>
          </div>
        </div>
      </div>
    </section>

    Ici vous pouvez voir le code j'aimerai aligner l'image avec le titre sachant que c'est une image d'écran d'iphone. 

    Merci d'avance pour votre aide.

    EDIT: J'ai trouvé

    -
    Edité par ElPandario 16 décembre 2018 à 18:17:39

    • Partager sur Facebook
    • Partager sur Twitter

    Centrer verticalement image et titre Framework CSS

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown