I am currently incorporating Twitter Bootstrap inline checkboxes into a form-horizontal well well-small
setup.
When I attempt to add pull-left
or right
to the checkboxes, they are correctly aligned but end up outside of the well
element despite being nested within the form. Buttons respond properly to the pull
class, but checkboxes do not align as expected.
Even after trying to encase them in a control group and applying pull
to the group, the checkboxes still remain positioned outside the form's well
.
UPDATE:
An unsuccessful example can be viewed here:
A successful demonstration is available at:
The issue arises when the first label is removed or includes the pull-right class. It functions as intended when the initial label remains without any pull modifications.
Your assistance will be greatly appreciated.