TOBI

display a series of labels

Use the inline prop on <b-form> to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.

• Controls are display: flex, collapsing any HTML white space and allowing you to provide alignment control with spacing and flexbox utilities.
• Controls and input groups receive width: auto to override the Bootstrap default width: 100%.
• Controls only appear inline in viewports that are at least 576px wide to account for narrow viewports on mobile devices.