grid layout

Aligning form elements in one line using bootstrap's grid

Bootstrap's standard CSS for forms and inputs does support more than one input elements and labels in one line using bootstrap's CSS class form-inline. You can use Bootstrap's grid system to align your input elements and labels, if you want a more complex, but still consistent form layout by adding a few lines of CSS. This is an example aligning two datepicker input elements with inline labels in one line, using the grid system: To keep the elements vertically aligned in one row, I created the flex-v-center CSS class. .flex-v-center…

Keep reading