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

Re : Personnalisation des boutons (Bootstrap)

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

Re : Personnalisation des boutons (Bootstrap)

Pascal C. 431
03/11/2021 15:41
#13
Pascal C. 431
03/11/2021 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 608
03/11/2021 16:03
#14
Alain T 608
03/11/2021 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. 431
04/11/2021 08:35
#15
Pascal C. 431
04/11/2021 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 608
04/11/2021 10:52
#16
Alain T 608
04/11/2021 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. 431
04/11/2021 12:28
#17
Pascal C. 431
04/11/2021 12:28
Vrai, je vais regarder...