Timelines Collapse

Example 1

Today

New link shared:

54 minutes ago

CSS bug on Bootstrap dropdowns

Facilisi ille jumentum lucidus melior. Molior mos paratus qui sino sudo venio. Augue dolore eros esse jumentum similis utinam. Euismod quidem quidne refero si ut velit voco zelus..........

95 likes 100 comments

Report Save

New post: Product sales record for 2021

4 hours ago

68 likes 81 comments

Report Save

Started following 10 new users.

4 hours ago

+5

100 likes 66 comments

Report Save

See more

New post: How to animate Bootstrap dropdowns

15 hours ago

91 likes 6 comments

Report Save

Issue update: CSS bug on Bootstrap dropdowns - FIXED

15 hours ago

CSS bug on Bootstrap dropdowns

Mark as: resolved

Reported by: Jim Jones

Resolved

29 likes 87 comments

Report Save

New post: Remote work and travel, what you need to know!

18 hours ago

61 likes 28 comments

Report Save

Jim commented on How to use Gulp with Bootstrap

18 hours ago

Gulp is awesome, streamlime your Bootstrap builds!

70 likes 65 comments

Report Save

New project repo created

21 hours ago

Bootstrap hover dropdowns

Make Bootstrap dropdowns how on hover.

#PHP #Bootstrap

Public

25 likes 13 comments

Report Save

Example 2

2014

Fri 27th Sep

Ad Defui Gemino Haero Ille

Elit facilisis hos modo nisl refero tum turpis veniam venio. Aliquam dolore pertineo. Iusto modo nobis vulpes wisi. Consectetuer damnum pala patria validus.

Wed 25th Sep

Olim Sagaciter Turpis Usitas Valde

Esca gilvus os plaga populus. Conventio saluto tego turpis voco. Lobortis patria pertineo. Autem camur distineo ibidem natu velit. Euismod oppeto persto.

2013

Wed 25th Sep

Ibidem Jumentum Macto Ullamcorper Venio

Defui erat facilisi hendrerit iaceo meus te. Abluo adipiscing consectetuer neque nunc pagus probo tation ulciscor veniam. Brevitas natu sagaciter si vel verto.

Fri 27th Sep

Antehabeo Fere Luctus Quidne Tego

Brevitas pagus pneum singularis ulciscor. Autem causa consequat imputo laoreet letalis mauris quae ymo. Elit esca ille ludus molior odio similis.

Thu 26th Sep

Camur Immitto Mauris Rusticus Vero

Abigo brevitas decet eum fere lucidus pecus secundum torqueo. Dolus inhibeo iriure laoreet molior paulatim quis. Consequat eros importunus. Accumsan antehabeo commodo melior usitas vereor.

Tue 24th Sep

Iustum Molior Neque Nunc Vel

Molior neo vel venio. Abigo acsi consectetuer esca ibidem obruo verto. Abigo augue camur et jugis metuo valetudo. Aliquam commoveo jugis.

Sun 22nd Sep

Responsive Video Embed

Gravis nobis nutus patria quibus sagaciter vereor. Aptent nostrud populus quis valde vereor. Abbas decet esse paulatim populus volutpat. Ideo ille qui quia ulciscor.

Tue 17th Sep

Responsive Video Embed

Autem iaceo torqueo voco vulpes zelus. Capto dolore ille olim refoveo te. Abluo camur exerci melior modo nobis olim. Amet camur gilvus iaceo importunus suscipit ulciscor vereor.

The End

Options

4 Timeline variations (combine with .timeline) classes available:

1. Default : class="timeline" = default, 2 items per row, floating left & right, timeline runs down the middle. Is stacked on mobile.
2. timeline-left : class="timeline timeline-left" = 1 item per row, floating left, timeline runs down the left with markers aligned left
3. timeline-right : class="timeline timeline-right" = 1 item per row, floating right, timeline runs down the right with markers aligned right
4. timeline-stacked : class="timeline timeline-stacked" = posts stack on top of each other, 1 item per row, timeline runs down the middle, markers show above posts. Is default mobile layout.
5. timeline collapse
6. timeline carousel

Timeline item (combine with .timeline-item) classes available:

1. overlap-off = drops the item overlap
2. overlap-pull-large = class to pull item up 120px
3. overlap-pull-small = class to pull item up 30px
4. overlap-push-large = class to push item down 120px
5. overlap-push-medium = class to push item down 60px
6. overlap-push-small = class to push item down 30px
7. right = pulls item to right
8. highlight = highlights the marker with primary colour