Αποτελέσματα Αναζήτησης
A horizontal form means that the labels are aligned next to the input field (horizontal) on large and medium screens. On small screens (767px and below), it will transform to a vertical form (labels are placed on top of each input). Additional rules for a horizontal form: Add class .form-horizontal to the <form> element
With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with <nav class="navbar navbar-default">. The following example shows how to add a navigation bar to the top of the page:
Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form (which doesn't have to be a <form>). Doing so changes .form-group s to behave as grid rows, so no need for .row .
6 Δεκ 2013 · We only had to change the form class from "form" to "form-horizontal". This made it extremely easy to dynamically generate form code and change the design/display. In bootstrap 3 this is no longer possible and the html markup within the form has to be modified to add the "col" classes for a horizontal form.
Horizontal form. Create horizontal forms with the grid by adding the .row class to form groups and using the .col-*-* classes to specify the width of your labels and controls. Be sure to add .col-form-label to your <label> s as well so they’re vertically centered with their associated form controls.
Horizontal Form. You can use Bootstrap's .form-horizontal to align labels and form controls horizontally. When doing this, you need to use Bootstrap's grid classes to specify how many columns each element should span. We also add Bootstrap's control-label class to the <label> element.
If you need to insert plain text next to a form label within a horizontal form, use the .form-control-static class on a <p> element: Example <form class="form-horizontal">
