Question

I use twitter-bootstrap for my project and as you might know the default form alignment is vertical, so the labels are shown above the form-fields. You can add class form-horizontal to display the labels next to the form-fields.

I’m building a form which is displayed horizontal, but I want a subset of my form to be vertical-aligned. So I added the class form-vertical to that section, but it doesn’t change anything.

So I looked in the bootstrap stylesheet and there is no declaration for the form-vertical class.

Do you have any suggestions to solve (or workaround) this problem?

Answer 1

I opened a ticket on github. I implemented the required CSS in my custom stylesheet:

.form-vertical .control-label {
  float: none;
  padding-top: inherit;
  text-align: inherit;
  width: auto;
}
.form-vertical .controls {
  margin-left: inherit;
}