Bootstrap: Vertical timeline component

Created on 2 Jul 2020  路  7Comments  路  Source: twbs/bootstrap

How about a vertical timeline component with a header and a paragraph? Many frameworks already have it and it would be nice to have it in Bootstrap.

feature

Most helpful comment

Here is the CodePen reference Simple Responsive Timeline. Out of the 65 examples I have tested, this one really cares about being responsive.

Three examples all shrinking to one universal look yet all starting in different positions from a bigger view port.

Hopefully this provides good inspiration.

All 7 comments

Like a split-column with timeline down the middle? Or a left aligned timeline with content on the right? What about a horizontal timeline variant? Any other details or behaviors?

Here is the CodePen reference Simple Responsive Timeline. Out of the 65 examples I have tested, this one really cares about being responsive.

Three examples all shrinking to one universal look yet all starting in different positions from a bigger view port.

Hopefully this provides good inspiration.

It would be nice if the title reflects a more generic approach like time line component.

Would it make sense to have this timeline component (vertical) and a multi-step process (horizontal) the same, by having an Orientation attribute?

Wooow it is a great feature

I can do that feature, if you are interested @suchislife801

There is also another issue for this #31014 - Duplicate?

Was this page helpful?
0 / 5 - 0 ratings