Bootstrap toggle image

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Bootstrap toggle image

Re: Bootstrap toggle image

par ynx » 21 août 2022, 09:16

Bonjour,

Voir peut-être https://palcarazm.github.io/bootstrap5-toggle/ qui supporte le html (image ou icone)

Bootstrap toggle image

par filou80 » 20 août 2022, 19:51

Bonjour,
je recherche à mettre en place un switch jour nuit, avec icone à l'intérieur du switch, un peu comme cela :

https://fr.vecteezy.com/art-vectoriel/6 ... ectorielle

J'utilise bootstrap 5, la j'utilise le code suivant qui fonctionne mais j'ai pas le visu du boutton que je souhaite :
<!-- Switch dark mode -->
<div class="container ">
<div class="row my-1">
<div class="col-12 text-end form-switch">

<input type="checkbox" class="form-check-input" id="darkSwitch">
<img src="/../publiques/images/switchLune.png" alt="switch dark mode">
<!-- <label class="custom-control-label" for="darkSwitch">Dark Mode</label> -->

</div>
</div>
</div>
<!-- Fin switch dark mode -->
Merci par avance pour vos réponses.
@+ Filou