Skip to content

Instantly share code, notes, and snippets.

@cfxd
Created October 4, 2014 21:41
Show Gist options
  • Save cfxd/27ffddba257b78bdc5ba to your computer and use it in GitHub Desktop.
Save cfxd/27ffddba257b78bdc5ba to your computer and use it in GitHub Desktop.
Bootstrap 3 full width inline form LESS mixin (hack using input group)
.full-width {
& .input-group-btn:last-child > .btn {
margin-left: 5px;
.border-left-radius(@border-radius-base);
}
& .form-control:first-child {
.border-right-radius(@border-radius-base);
}
}
/* Then to use it on any input group simply extend the entire class */
.search-form .input-group {
&:extend(.full-width all);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment