Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Bootstrap] Affichage de résultat

    21 février 2017 à 22:59:00

    Bonjour,

    J'aimerais afficher des résultats mais c'est surtout dans l'agencement que je me pose des questions, j'ai pensé à un brouillon tel que :

    Ou photo event <=> col-lg-4

    Et pour le reste je le fais dans un col-lg-8 que je découperais comme dans la photo ci dessus, le tout séparé par un trait.

    Est-ce que vous pensez que c'est une bonne solution ou il y a mieux?

    Et surtout je ne sais pas comment tirer un trait si quelqu'un pourrait m'éclaircir,

    Merci bien!

    D'ailleurs j'ai essayé pour voir ça me donne pas le résultat escompté (j'aimerais que les affichages d'informations de l'event donne un effet plus aligné et plus à gauche (à côté de l'image))

    et le code est le suivant :

        <body>
    
            <div class="container">
    	        <!-- espace reservé pour plus tard -->
    	        <div class="col-lg-4"></div> 
    
    	        <!-- affichage resultats -->
    	        <div class="col-lg-8">  
    	          	<!-- affichage image event -->
    	            <div class="col-lg-4">
    	            	<img src="img/avatar.png" width="100" height="100" alt="image of event">
    	            </div>
    
    	            <!-- affichage information event -->
    	            <div class="col-lg-8">
    	            	<div class="row">
    		            	<div class="col-lg-4 col-lg-offset-4">
    		            		<h2>title</h2>
    		            	</div>
    		            	<div class="col-lg-4">
    		            		<button>participe</button>
    		            	</div>
    		            </div>
    
    		            <div class="row">
    		            	<div class="col-lg-4 col-lg-offset-8">
    		            		date
    		            	</div>
    		            </div>
    
    		            <div class="row">
    		            	<div class="col-lg-4 col-lg-offset-8">
    		            		nb participants
    		            	</div>
    		            </div>
    	            </div>
    
    	            <!-- il faut tirer un trait ensuite et recommencer -->
    
    	        </div> <!-- div col lg 8 -->
    	    </div>	<!-- div container -->
        </body>



    -
    Edité par deepbluelam 21 février 2017 à 23:40:26

    • Partager sur Facebook
    • Partager sur Twitter

    [Bootstrap] Affichage de résultat

    × 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