Bootstrap horizontal form "control-label" not using responsive styling
Solution 1
bootstrap.css
must be loaded before the bootstrap-responsive.css
file.
Solution 2
.control-label is only specified in responsive.css for (max-width: 480px). Have you tried shrinking the width way down? When I use the forms, they look like your example until 480px, at which point the labels move above the input fields.
James P. Wright
A 7 year .Net developer looking to expand his horizons and move into the php world. Very excited about jQuery and learning CSS. Working as a freelancer for multiple .Net Development companies.
Updated on June 07, 2022Comments
-
James P. Wright about 2 years
I'm using the "form-horizontal" class with Bootstrap 2, but my labels don't seem to be utilizing the Responsive styling. This is what it looks like:
When I examine it, it specifically has "width:160px" on the label, which is the regular Bootstrap setting, but the Responsive styling just has "width:auto".
My HTML for that section looks like this:
<form id="addproject" class="form-horizontal"> <div class="control-group"> <label for="title" class="control-label">Title</label> <div class="controls"> <input type="text" name="title" id="title" /> </div> </div> </form>