Page test 3 : élément de contenu "Boostrap Package"
1 - Bootstrap "Text and Icon"
Élément utilisé pour mettre un icône - pictogramme avec un texte (à gauche, à droite, en bas)
Dans l'exemple ci-dessous :
dans l'onglet "Général" dans la partie "Icon"
Position à gauche "Left"
Type Cercle "Circle"
Taille par défaut "Size Default"
La couleur de l'icone blanc "Color white" (cliquer sur la pipette et apparaissent les diverses possibilité de couleurs)
la couleur de l'intérieur du cercle en gris foncé "Background gray" (idem pour choisir une couelur)
dans l'onglet "Apparence"
le cadre est gris clair "Frame Well"
Du lundi au vendredi de 8h30 à 12h et de 13h30 à 17h00 au 05 63 21 62 00
2 - Bootstrap "Carousel"
Élément utilisé pour faire un carrousel avec des contenus qui défilent de gauche à droite.
Il existe plusieurs présentations :
- "Header" (titre seul)
- "Text et Image" (titre et/ou texte sur l'image)
- "Background Image" (photos qui défilent)
- "HTML" (plusieurs vidéos se succèdent)
2.1 - Test Carousel de Type "Header"
Le texte apparaît comme un titre au milieu de la photo
2.2 - Test Carousel de Type "Texte et Image"
Le texte apparaît inséré dans la photo
2.3 - Test Carousel de Type "Background Image"
Les photos défilent sans texte
2.4 - Test Carousel de Type "HTML"
Possibilité de faire succéder plusieurs vidéos
3 - Bootstrap "Accordion"
Élément utilisé pour présenter plusieurs textes qui s'empilent comme un accordéon : mise en avant des titres sur une ligne et un complément de texte se déplie dessous
Exemple de bootstrap "Accordion"
Objet : le comité des fêtes a pour objet
Le bureau élu le XX/ mois/année :
Président : M. X
Trésorier : M. Y
Secrétaire : M. Z
Principales activités dans l'année :
Objet : l'association de chasse a pour objet d'assurer une bonne organisation technique de la chasse. Elle favorise sur son territoire le développement du gibier et de la faune sauvage dans le respect d'un véritable équilibre agro-sylvo-cynégétique, l'éducation cynégétique de ses membres, la régulation des animaux nuisibles et veille au respect des plans de chasse en y affectant les ressources appropriées en délivrant notamment des cartes de chasse temporaire
Le bureau élu le XX/ mois/année :
Président : M. X
Trésorier : M. Y
Secrétaire : M. Z
Principales activités dans l'année :
Battues aux chevreuils, sangliers,
Destructions des nuisibles (renards, corbeaux, pie,.......)
Banquet de chasse (chaque année le dimanche XXXX)
Objet : le club de foot a pour objet.......
Le bureau élu le XX/ mois/année :
Président : M. X
Trésorier : M. Y
Secrétaire : M. Z
Principales activités dans l'année :
Objet : le Club du 3e âge a pour objet
Le bureau élu le XX/ mois/année :
Président : M. X
Trésorier : M. Y
Secrétaire : M. Z
Principales activités dans l'année :
4 - Bootstrap "Tab"
Élément utilisé pour présenter des titres comme les onglets d'un menu et le texte apparaît sous l'onglet sélection (possibilité de mettre une photo)
Exemples de bootstrap "Tab"
4.1 Equipements sportifs communaux
Superficie :
Règles d'utilisation :
Renseignement :
Superficie :
Règles d'utilisation :
Renseignement :
Superficie :
Règles d'utilisation :
Renseignement :
Superficie :
Règles d'utilisation :
Renseignement :
Superficie :
Règles d'utilisation :
Renseignement :
4.2 Equipements culturels communaux
Activités :
Ouverture :
Renseignement :
Activités :
Ouverture :
Renseignement :
Activités :
Ouverture :
Renseignement :
Activités :
Ouverture :
Renseignement :
5 - Bootstrap "Panel"
Élément utilisé pour présenter un titre et son texte dans un cadre
Example Bootstrap "Panel"
Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel". Texte du Bootstrap "Panel".
6 - Boostrap "List group"
Elément utilisé pour présenter une liste de texte dans un cadre (comme une liste à puces)
Test Boostrap "List group"
- Liste 1 du groupe - Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1. Texte de la ligne1.
- Liste 2 du groupe - Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2. Texte de la ligne2.
- Liste 3 du groupe - Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3. Texte de la ligne3.