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

Re : Personnalisation des boutons (Bootstrap)

Alain T 473
28/10 18:49
#11
Alain T 473
28/10 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. 356
29/10 14:12
#12
Pascal C. 356
29/10 14:12
Super !
Re : Personnalisation des boutons (Bootstrap)
Pascal C.
Pascal C.

Re : Personnalisation des boutons (Bootstrap)

Pascal C. 356
03/11 15:41
#13
Pascal C. 356
03/11 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éalisations</span></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"Lanternes</span></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éalisations</span></button>
<
button type="button" class="btn btn-bleuLDF" title="Cliquez pour ouvrir"><span class="d-none d-md-inline"Lanternes</span></button>
</
div>


Puis les résultat ici : http://lumieresdefrance.com/phpv2/mod ... ws/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 473
03/11 16:03
#14
Alain T 473
03/11 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. 356
04/11 08:35
#15
Pascal C. 356
04/11 08: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éalisations</a>
<
a href="" target="_blank" class="btn btn-bleuLDF" role="button"><span class="fas fa-file-download fa-fw fa-lg"></spanTélécharger la documentation</a>
</
div>
Re : Personnalisation des boutons (Bootstrap)
Alain T
Alain T

Re : Personnalisation des boutons (Bootstrap)

Alain T 473
04/11 10:52
#16
Alain T 473
04/11 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. 356
04/11 12:28
#17
Pascal C. 356
04/11 12:28
Vrai, je vais regarder...