32 Bootstrap Timelines

Collection of free custom Bootstrap timeline code examples: horizontal, vertical, etc.

CSS Timelines

Author

Dey Dey
June 2, 2020

Made with

HTML / CSS

About a code

Simple Horizontal Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.4.1

Author

Dey Dey
March 10, 2020

Made with

HTML / CSS

About a code

Timeline Events

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.4.1

Author

Dey Dey
February 12, 2020

Made with

HTML / CSS

About a code

Bootstrap 4 Event Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.4.1

Demo image: Bootstrap 4 User Business Timeline with Time

Author

Ask SNB
January, 2020

Made with

HTML / CSS

About a code

Bootstrap 4 User Business Timeline with Time

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Experience Timeline

Author

Dey Dey
November 7, 2019

Made with

HTML / CSS

About a code

Bootstrap 4 Experience Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Author

BBBootstrap Team
September, 2019

Made with

HTML / CSS

About a code

Bootstrap 4 Basic Timeline for Users Without Avatar

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.0.0

Author

Ondrej
May 8, 2019

Made with

HTML / CSS

About a code

Timeline

Build a responsive vertical timeline using Bootstrap 4. The timeline items contain a title, date and introductory text, but you can easily make it your own with a content based on your needs. All the heavy lifting to make it responsive and looking nice has been done already.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Author

Dey Dey
January 24, 2019

Made with

HTML / CSS

About a code

Bootstrap 4 Timeline Widget

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: line-awesome.css

Bootstrap version: 4.1.1

Demo image: Bootstrap 4 Timeline Color Row

Author

Dey Dey
December 1, 2018

Made with

HTML / CSS

About a code

Bootstrap 4 Timeline Color Row

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.1

Demo image: Responsive Horizontal Timeline Using Slick

Author

David
October 10, 2018

Made with

HTML / CSS / JS

About a code

Responsive Horizontal Timeline Using Bootstrap and Slick

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: slick.css, jquery.js, slick.js

Bootstrap version: 4.4.1

Author

Dey Dey
June 17, 2018

Made with

HTML / CSS

About a code

Bootstrap 4 Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.1

Author

mylastof

Made with

HTML / CSS

About a code

Simple Vertical Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Author

Siddharth Panchal

Made with

HTML / CSS

About a code

12 Booststrap Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.1

Demo image: Vertical Left-Right Timeline

Author

mylastof

Made with

HTML / CSS

About a code

Vertical Left-Right Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Author

codesoftlab

Made with

HTML / CSS

About a code

Tracking Result Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Author

anmolv886

Made with

HTML / CSS / JS

About a code

Timeline Scroll

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.0.0

Author

latifur

Made with

HTML / CSS

About a code

Timeline with Date

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.0.0

Author

Dey Dey
April 22, 2016

Made with

HTML / CSS

About a code

Colored Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Author

Dey Dey
November 8, 2015

Made with

HTML / CSS

About a code

Tickets Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.4

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 108

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 106

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 98

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 66

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 62

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 48

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 47

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 44

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 25

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 23

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 22

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

bestjquery

Made with

HTML / CSS

About a code

Bootstrap Timeline Style 18

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.3.0

Author

Dey Dey
July 20, 2014

Made with

HTML / CSS

About a code

Timeline with Small Images

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.2.0

Related Articles

Author

Links

Made with

About a code

Simple Horizontal Timeline

Author

Links

Made with

About a code

Timeline Events

Author

Links

Made with

About a code

Bootstrap 4 Event Timeline

Author

Links

Made with

About a code

Bootstrap 4 User Business Timeline with Time

Author

Links

Made with

About a code

Bootstrap 4 Experience Timeline

Author

Links

Made with

About a code

Bootstrap 4 Basic Timeline for Users Without Avatar

Author

Links

Made with

About a code

Timeline

Author

Links

Made with

About a code

Bootstrap 4 Timeline Widget

Author

Links

Made with

About a code

Bootstrap 4 Timeline Color Row

Author

Links

Made with

About a code

Responsive Horizontal Timeline Using Bootstrap and Slick

Author

Links

Made with

About a code

Bootstrap 4 Timeline

Author

Links

Made with

About a code

Simple Vertical Timeline

Author

Links

Made with

About a code

12 Booststrap Timeline

Author

Links

Made with

About a code

Vertical Left-Right Timeline

Author

Links

Made with

About a code

Tracking Result Timeline

Author

Links

Made with

About a code