Skip to content

Instantly share code, notes, and snippets.

@hvent90
Created October 27, 2014 23:52
Show Gist options
  • Save hvent90/7452339c556f24084abb to your computer and use it in GitHub Desktop.
Save hvent90/7452339c556f24084abb to your computer and use it in GitHub Desktop.
<html>
<head>
<!-- CSS & jQuery for Bootstrap and jQuery -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- Custom Javascript Files -->
<link href="css/custom.css" rel="stylesheet" />
<style>
.box {
border: 1px dotted #ccc;
}
form {
margin: 10px;
}
</style>
<script>
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="box col-sm-3">
<h1>a</h1>
</div>
<div class="box col-sm-3">
<h1>b</h1>
</div>
<div class="box col-sm-3">
<h1>c</h1>
</div>
<div class="box col-sm-3">
<h1>d</h1>
</div>
</div>
<div class="row">
<div class="box col-sm-6">
<div class="row">
<form role="form">
<div class="form-group">
<input type="text" class="form-control" placeholder="enter text">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<div class="row">
<form role="form">
<div class="form-group">
<input type="text" class="form-control" placeholder="enter text">
</div>
<div class="form-group">
<input id="num" type="text" class="form-control" placeholder="enter a number">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</div>
<div class="box col-sm-6">
<h1>e</h1>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment