You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.6 KiB
HTML
91 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Bootstrap V3 Form Builder</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- Latest compiled and minified CSS -->
|
|
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
|
|
<link href="assets/css/custom.css" rel="stylesheet">
|
|
<!--[if lt IE 9]>
|
|
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
|
</head>
|
|
|
|
<body>
|
|
<a href="https://github.com/tonytan4ever/Bootstrap-Form-Builder-JV3"><img style="z-index: 100000; position: absolute; top: 0; right: 0; border: 0;" src="https://github-camo.global.ssl.fastly.net/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
|
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#">Bootstrap Form Builder V3.x</a>
|
|
</div>
|
|
<ul class="nav navbar-brand navbar-right github">
|
|
<li><iframe src="http://ghbtns.com/github-btn.html?user=tonytan4ever&type=follow"
|
|
allowtransparency="true" frameborder="0" scrolling="0" width="143px" height="20px"></iframe></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div class="container">
|
|
<div class="row clearfix">
|
|
<!-- Building Form. -->
|
|
<div class="col-md-6">
|
|
<div class="clearfix">
|
|
<h2>Your Form</h2>
|
|
<hr>
|
|
<div id="build">
|
|
<form id="target" class="form-horizontal">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- / Building Form. -->
|
|
|
|
<!-- Components -->
|
|
<div class="col-md-6">
|
|
<h2>Drag & Drop components</h2>
|
|
<hr>
|
|
<div class="tabbable">
|
|
<ul class="nav nav-tabs" id="formtabs">
|
|
<!-- Tab nav -->
|
|
</ul>
|
|
<form class="form-horizontal" id="components">
|
|
<fieldset>
|
|
<div class="tab-content">
|
|
<!-- Tabs of snippets go here -->
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- / Components -->
|
|
|
|
</div>
|
|
|
|
<div class="row clearfix">
|
|
<div class="span12">
|
|
<hr>
|
|
By Tony Tan (<a href="https://twitter.com/tonytan4ever" >@tonytan4ever</a>).<br/>
|
|
Source on (<a href="https://github.com/tonytan4ever/Bootstrap-Form-Builder-JV3" >Github</a>).
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- /container -->
|
|
|
|
<script data-main="assets/js/main.js" src="/js/require.js"></script>
|
|
|
|
</body>
|
|
</html> |