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

Re : Personnalisation des boutons (Bootstrap)

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

Re : Personnalisation des boutons (Bootstrap)

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