Avec Bootstrap, comment puis-je afficher l'entrée radio que des boutons?
Ma forme actuelle contient ce code:
HTML:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<label for="opt-0"><input type="radio" name="opt" id="opt-0" checked>Option 0</label>
<label for="opt-1"><input type="radio" name="opt" id="opt-1">Option 1</label>
<label for="opt-2"><input type="radio" name="opt" id="opt-2">Option 2</label>
Au lieu de montrer les boutons de la radio de radio boutons, j'aimerais les faire ressembler à des boutons, comme ceci:
HTML:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<button class="btn btn-primary">Option 0</button>
<button class="btn btn-default">Option 1</button>
<button class="btn btn-default">Option 2</button>
J'ai radios et je veux les faire ressembler à des toggleable boutons. Comment suis-je censé faire avec Bootstrap?
Vous devez vous connecter pour publier un commentaire.
HTML:
Bootstrap 4 propose désormais une toggleable groupe de boutons qui gère l'état actif pour vous sur cliquez sur.
Code à partir de leur exemple:
jsfiddle-lien
getbootstrap
Vous pourriez essayer de regarder des groupes de boutons, c'est un goupe de - bien - boutons... qui est toggleable comme un radiobutton.
JSFiddle
HTML
Espérons que cette aide!
<input>
éléments et je ne peux pas soumettre le formulaire