« 1 (2)
Re : Personnalisation des boutons (Bootstrap)
Alain T
Alain T

Re : Personnalisation des boutons (Bootstrap)

Alain T 727
2021/10/28 18:49
#11
Alain T 727
2021/10/28 18:49
Ok, problème corrigé sur codepen.

Un exemple visible ici
Re : Personnalisation des boutons (Bootstrap)
Pascal C.
Pascal C.

Re : Personnalisation des boutons (Bootstrap)

Pascal C. 451
2021/10/29 14:12
#12
Pascal C. 451
2021/10/29 14:12
Super !
Re : Personnalisation des boutons (Bootstrap)
Pascal C.
Pascal C.

Re : Personnalisation des boutons (Bootstrap)

Pascal C. 451
2021/11/3 15:41
#13
Pascal C. 451
2021/11/3 15:41
Bon, encore un dernier soucis avec les boutons :

lorsque j'ajoute un lien au bouton, il me crée une séparation entre les boutons alors que je ne l'ai pas lorsqu'il ny a pas de lien. même avec la classe btn-group

Voici mon code (avec puis sans lien) :
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
    
<
a href="http://www.lumieresdefrance.com/galeries/#15724513400840" target="_blank"><button type="button" class="btn btn-bleuLDF" title="Cliquez pour ouvrir"><span class="fas fa-lightbulb fa-fw fa-lg">span><span class="d-none d-md-inline"Voir des réalisationsspan>button>a>
<
a href="http://www.lumieresdefrance.com/phpv2/acontenu/download/owni.pdf" target="_blank"><button type="button" class="btn btn-bleuLDF" title="Cliquez pour ouvrir"><span class="d-none d-md-inline"Lanternesspan>button>a>
div>


<
div class="btn-group" role="group" aria-label="Button group with nested dropdown">
<
button type="button" class="btn btn-bleuLDF" title="Cliquez pour ouvrir"><span class="fas fa-lightbulb fa-fw fa-lg">span><span class="d-none d-md-inline"Voir des réalisationsspan>button>
<
button type="button" class="btn btn-bleuLDF" title="Cliquez pour ouvrir"><span class="d-none d-md-inline"Lanternesspan>button>
div>


Puis les résultat ici : http://lumieresdefrance.com/phpv2/modules/xmnews/article.php?news_id=27

Et bien entendu, je voudrais grouper les boutons
Re : Personnalisation des boutons (Bootstrap)
Alain T
Alain T

Re : Personnalisation des boutons (Bootstrap)

Alain T 727
2021/11/3 16:03
#14
Alain T 727
2021/11/3 16:03
Normal,
tu mélanges les choses...
Regarde les boutons comment ils sont construit : https://getbootstrap.com/docs/4.6/components/buttons/

Tu ne lis pas correctement cette page et en plus tu mélanges tag "a" et tag "button".
Tu n'as pas besoin de mettre les deux, d'une part donc c'est l'un ou l'autre, pas les deux,
et d'autre part, tu oublies un élément dans ton < a >.
Une classe... et un type...
je te laisse chercher laquelle...
Re : Personnalisation des boutons (Bootstrap)
Pascal C.
Pascal C.

Re : Personnalisation des boutons (Bootstrap)

Pascal C. 451
2021/11/4 8:35
#15
Pascal C. 451
2021/11/4 8:35
Ok Alain, c'est mieux!
Effectivement je n'avais pas compris

Merci

<div class="btn-group" role="group" aria-label="Basic example">
<
a href="" target="_blank" class="btn btn-bleuLDF" role="button"><span class="fas fa-images fa-fw fa-lg">spanVoir des réalisationsa>
<
a href="" target="_blank" class="btn btn-bleuLDF" role="button"><span class="fas fa-file-download fa-fw fa-lg">spanTélécharger la documentationa>
div>
Re : Personnalisation des boutons (Bootstrap)
Alain T
Alain T

Re : Personnalisation des boutons (Bootstrap)

Alain T 727
2021/11/4 10:52
#16
Alain T 727
2021/11/4 10:52
Oui mieux.
Mais sur ta page, il te reste à régler le problème de la largeur en mode smartphone.

J'ai traité (en partie) ce problème sur cette page.
Re : Personnalisation des boutons (Bootstrap)
Pascal C.
Pascal C.

Re : Personnalisation des boutons (Bootstrap)

Pascal C. 451
2021/11/4 12:28
#17
Pascal C. 451
2021/11/4 12:28
Vrai, je vais regarder...