vertical alignment not working

[johann-s]

vertical alignment not working

[Jawmo]

I also have this problem.

[MuzammilM]

Also facing this issue.
@Johann-S any guidelines on how to fix it?
Tried placing it within "rows" but it just messes up the entire design.

[Johann-S]

@invoicer-it can you provide a live example of your problem ?
Same for the others

Without it, it's impossible to me, to help you. Slease create a reduced test case via CodePen/JS Bin or Stackblitz and report back with your link.

[heeplr]

I have the same issue and created a simple testcase.

When one step is very long (like Section 1 in the testcase), the subsequent step will not be placed on top of the page or vertically aligned with the corresponding circle, but directly under the (now invisible) previous step. That way, a lot of scrolling is needed and since the beginning of the section and it's circle are not visible at the same time, there's no indication to which step is currently shown.

It would be awesome, if there would be a mode where all steps are simply shown on top of the page, replacing the previous step, not just making it invisible. That way, very large steps could be used.

EDIT: corrected some stuff

[a-pav]

I think I'm having the same issue with bs-stepper inside adminlte theme. Width of input elements shrinks down after I add vertical class.

For a live example of the problem:

• just go to adminlte demo page,
• scroll down to bs-stepper (or look it up)
• add vertical to the class list through the browser inspector/devtools. So it's like this:
  <div class="bs-stepper vertical linear">
• You should see now what I'm talking about.

Why does the width of inputs change? How can I make it to inherit the col width?