Skip to content

Instantly share code, notes, and snippets.

@dashawk
Created October 10, 2016 02:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dashawk/79245fefd0296cf67636850fe949870a to your computer and use it in GitHub Desktop.
Save dashawk/79245fefd0296cf67636850fe949870a to your computer and use it in GitHub Desktop.
Twitter Bootstrap Center any column
.center-column {
float: none !important;
margin: 0 auto;
}
.no-padding-left {
padding-left: 0;
}
.no-padding {
padding: 0;
}
.form-group {
overflow: hidden;
}
<div class="container">
<div class="row">
<div class="col-md-4 center-column">
<!-- Example Login form -->
<form name="" novalidate>
<div class="form-group">
<label for="username" class="control-label col-md-4 no-padding-left">Username</label>
<div class="col-md-8 no-padding">
<input id="username" name="username" type="text" placeholder="Username" />
</div>
</div>
<div class="form-group">
<label for="password" class="control-label col-md-4 no-padding-left">Password</label>
<div class="col-md-8 no-padding">
<input id="password" name="password" type="password" placeholder="Password" />
</div>
</div>
<button class="btn btn-default">Login</button>
</form>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment