Skip to content

No small control's labels in horizontal forms #12068

Closed

Description

@EPinci

If you try to build a form-horizontal with form-controls that are input-sm, labels are always baseline aligned to normal controls.
I would see usefull a class to fit labels to the input-sm control (and viceversa for large).

Thank you.

Activity

  1. mdo commented on Jan 3, 2014

    @mdo
    Member

    Please provide a jsbin or jsfiddle to show what you want.

  2. EPinci commented on Jan 3, 2014

    @EPinci
    Author

    I've managed to get an example at http://jsfiddle.net/U96x9/5/
    Both "wrong label"s have (when non form is not collapsed):

    • different font size from their respective control
    • baseline not aligned with their respective control

    I would need a class to fit the label to the control to be put to the label tag itself ("control-label-sm/lg" ? Have the same "input-sm/lg" work in labels?)

    A streched idea could be something I can place to the fieldset/form-group in order to have all contained controls & labels sized accordingly.

    Does it make sense?

    Thank you.

  3. EPinci commented on Jan 9, 2014

    @EPinci
    Author

    Ideally, build on that, although there's support for "different sizes inputs", there's no support for "different sized forms". E.g.: If you use a small/large sized input in a form, everything else (labels, spacings) remains "fitted" for a normal control.

    I would see useful to have a form-condensed class with the same semantics of the table-condensed class.

    Thank you.

  4. mdo commented on Jan 14, 2014

    @mdo
    Member

    Gotcha. I don't think we'll be adding sizing classes for form labels. For now, manually tweak them. We'll revisit for v4.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    cssSass sources or compiled CSSfeatureNew feature, or a change to how an existing one works

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions