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

select and input with input-* class does not have the same size #3413

Closed
scesbron opened this issue May 9, 2012 · 5 comments
Closed

select and input with input-* class does not have the same size #3413

scesbron opened this issue May 9, 2012 · 5 comments

Comments

@scesbron
Copy link

scesbron commented May 9, 2012

If you put the same "input-large" classe on both input and select inside the same layout they do not have the same width. This is not the case with span* class

http://jsfiddle.net/W3Mzs/7/

I think this is the same problem with all input-*

To avoid this, select must have a different size for this classess

select.input-mini {
  width: 70px;
}

select.input-small {
  width: 100px;
}

select.input-medium {
  width: 160px;
}

select.input-large {
  width: 220px;
}

select.input-xlarge {
  width: 280px;
}

select.input-xxlarge {
  width: 540px;
}
@ramainen
Copy link

ramainen commented May 9, 2012

I seen what span3 instead input-large fixes the problem.

@mdo
Copy link
Member

mdo commented May 12, 2012

Those classes are in there for legacy support. For proper field alignment, use the .span* classes.

@scottywakefield
Copy link

Sorry for being so slow to pick this up, but.. is it worth putting a note in the documentation to alert people that the .input-* classes are for legacy support and that people should use the .span* classes instead?

@cvrebert
Copy link
Collaborator

Bootstrap 2.3.x as a whole will soon be legacy (a Bootstrap v3 Release Candidate (or better) is scheduled for August 19), so doesn't seem like much point in that at this stage.

@scottywakefield
Copy link

no problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants