"Modal"
Bootstrap 3.0.0 Snippet by Nirmaan

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.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> <head> <meta charset="ISO-8859-1"> <title>Form Generator</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <script src="script.js"></script> </head> <body ng-app="mymodule" ng-controller="mycontroller"> <br><br> <div class="container-fluid"> <div class="row"> <div class="col-md-2"> <div id="toolbox" style="border: 2px solid red;" align="center"> <input type="submit" value="Text" ng-model="text" ng-click="text = true"> <br><br> <input type="submit" value="Multiple Radio" ng-model="radio" ng-click="radio = true"> <br><br> </div> </div> <div class="col-md-10" style="border:2px solid black;"> <div ng-if="text"> <input type="text"> <br><br> </div> <div ng-if="radio"> <input type="radio" value="Male" >Male<br/> <input type="radio" value="Male" >Male<br/> <input type="radio" value="Male" >Male<br/> <br><br> </div> </div> </div> </div> </body> </html>

Related: See More

Paper Kit 2
arrow key navigation thumbnail gallery modal view
Fancy subscribe modal (md, lg) with delay functionality on page load
Squarespace like modal

Questions / Comments: