Closed (works as designed)
Project:
Bootstrap
Version:
8.x-3.x-dev
Component:
Templates
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
22 Feb 2016 at 03:30 UTC
Updated:
21 Aug 2018 at 17:50 UTC
Jump to comment: Most recent
Comments
Comment #2
ptmkenny commentedComment #3
ptmkenny commentedComment #4
markhalliwellThe reason they're "stretched" full width is because they both have a
form-controlclass. This is part of Bootstrap's design and I'm not going to fight that out-of-the-box. There are several ways to alter this form as you see fit, in a sub-theme.Comment #5
adamps commented@markcarver Thanks for the explanation.
I am interested to know how to fix it in the sub-theme as Mark said. I'm looking for a solution that covers every form input, not just user login as a special case. I posted a question on "Drupal Answers", which is more visible than this closed issue. Or I would be very happy to get an answer here and I can transfer it across.
Comment #6
adamps commented@markcarver I appreciate you may prefer to close this again, but I have an update that I'd like to bring to your attention.
Problem
Many, many inputs ending being stretched by this code in bootstrap and it can be really unhelpful for designers working on layout.
Answer
I have figured out some CSS that seems to work quite well to disable the stretching:
Proposal
Create a new theme option, perhaps under "components"->"forms". "Use bootstrap input sizing".
True = current behavior = stretched, control with can .col-lg-*
False = add above css = obeys Drupal input sizes
Thanks
Comment #7
markhalliwellNo. This is the default behavior of Bootstrap. Any customization like this should be handled on a sub-theme basis.