Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

help-inline breaks when using input-prepend or input-append on regular vertical form #6473

Closed
ad-65 opened this issue Jan 6, 2013 · 2 comments
Labels
Milestone

Comments

@ad-65
Copy link

ad-65 commented Jan 6, 2013

When using a horizontal form everything works as expected. However, when switched to a regular vertical form the 'help-inline' spans fall down to the next line. This only happens when using 'input-prepend' or 'input-append'. If not using 'input-prepend' or 'input-append' the 'help-inline' stays on the right line but is not vertically aligned.

Example jsfiddle: http://jsfiddle.net/rkFpq/10/
Related Issue: #6460

@haggen
Copy link

haggen commented Jan 11, 2013

The missing fix:

.input-append,
.input-prepend {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

The margin-bottom: 10px; is because originally it has only 5px - as in 2.2.2 - while regular inputs has 10px, so I aligned them.

@mdo
Copy link
Member

mdo commented Jan 12, 2013

Added the fixes that @haggen mentioned in #6346. Thanks!

@mdo mdo closed this as completed Jan 12, 2013
mdo added a commit that referenced this issue Jan 13, 2013
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants