Home/ Questions/Q 8533561
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T09:59:20+00:00

Bootstrap has a lot of examples for types of forms . I’m interested in

  • 0

Bootstrap has a lot of examples for types of forms. I’m interested in using the “Horizontal form” which looks like this

Picture.png

This is what it looks like after outlining some elements with the web inspector toolbar:

Picture 2.png

I am working inside of a popup modal and space is already a bit tight. I tried adding bootstrap’s grid system’s .span1 and .span2 to the labels as a class, but it is not giving the desired behavior.

Is there a way to use some other aspect of bootstrap to get the desired behavior (i.e. tighten up the amount of space that labels on a horizontal form take up)? What is the proper way to do this? I’m using bootstrap version 2.1

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    i am not aware if bootstrap has got something defined for it..below is a workaround..

    <div class="control-group">
<label class="control-label" style="width:auto" for="inputEmail">Email</label>
<div class="controls" style="margin-left:auto">
<input type="text" class="input-small" id="inputEmail" placeholder="Email">
</div>
</div>

    i added style="width:auto" which was default 140px and style="margin-left:auto" which was default 160px. Also class="input-small" to reduce the input field width to squeeze out more space so that it fits in modal..

    Now you tweak further to fit it as per your needs..

    • 0