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

Related issues

tiendq picture tiendq  路  3Comments

ziyi2 picture ziyi2  路  3Comments

alvarotrigo picture alvarotrigo  路  3Comments

devdelimited picture devdelimited  路  3Comments

matsava picture matsava  路  3Comments