"radio buttons"
Bootstrap 4.0.0 Snippet by plaxdan

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Circle Button with submit - Bootsnipp.com</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <form class="form-horizontal col-xs-10 col-xs-offset-1" method="post" action=""> <div class="form-group"> <h4>Choose Mode</h4> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-secondary active"> <input type="radio" name="options" id="option1" autocomplete="off" checked> <i class="glyphicon glyphicon-move"></i> </label> <label class="btn btn-secondary"> <input type="radio" name="options" id="option2" autocomplete="off"> <i class="glyphicon glyphicon-pencil"></i> </label> </div> </div> </form> </div> </body> </html>

Related: See More

Material Kit PRO React
Animated Radio tab
Funky Radio/Checkbox Buttons V2.0

Questions / Comments: