Skip to content

Instantly share code, notes, and snippets.

@Ashikpaul
Created March 25, 2018 17:48
Show Gist options
  • Save Ashikpaul/1640d79ea57e8ed142358ce3886d8037 to your computer and use it in GitHub Desktop.
Save Ashikpaul/1640d79ea57e8ed142358ce3886d8037 to your computer and use it in GitHub Desktop.
Bootstrap grid system
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">
Email address
</label>
<input type="email" class="form-control" id="exampleInputEmail1" />
</div>
<div class="form-group">
<label for="exampleInputPassword1">
Password
</label>
<input type="password" class="form-control" id="exampleInputPassword1" />
</div>
<div class="form-group">
<label for="exampleInputFile">
File input
</label>
<input type="file" class="form-control-file" id="exampleInputFile" />
<p class="help-block">
Example block-level help text here.
</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox" /> Check me out
</label>
</div>
<button type="submit" class="btn btn-primary">
Submit
</button>
</form>
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-1">
</div>
<div class="col-md-1">
</div>
</div>
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-1">
</div>
<div class="col-md-1">
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment