48 Bootstrap Timelines

Collection of free custom responsive Bootstrap timeline code examples: horizontal and vertical. Update of September 2020 collection. 16 new items.

Author

Bootdey
June 10, 2021

Made with

HTML / CSS

About a code

Bootstrap Timeline Steps

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

Responsive: yes

Dependencies: -

Bootstrap version: 4.6.0

Demo image: Bootstrap Timeline Events Area

Author

Bootdey
October 14, 2020

Made with

HTML / CSS

About a code

Bootstrap Timeline Events Area

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.5.0

Author

Bootdey
October 6, 2020

Made with

HTML / CSS

About a code

Bootstrap Dark Timeline

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

Responsive: yes

Dependencies: -

Bootstrap version: 4.5.0

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

Author

Themesberg
November 9, 2019

Made with

HTML / CSS

About a code

Bootstrap 5 Timeline

Set of Bootstrap timeline styles (6 styles).

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

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

Demo image: Bootstrap 4 Horizontal Timeline

Author

Bootdey
February 13, 2019

Made with

HTML / CSS / JS

About a code

Bootstrap 4 Horizontal Timeline

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

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.1.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

wpdeveloper28

Made with

HTML / CSS

About a code

Bootstrap 4 Timeline

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

Responsive: yes

Dependencies: -

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 #146

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 #145

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 #141

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 #139

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 #134

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 #130

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 #127

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 #119

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 #116

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 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

andrewnite

Made with

HTML / CSS

About a code

Zigzag Timeline Layout

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

Bootstrap Timeline Steps

Author

Links

Made with

About a code

Bootstrap Timeline Events Area

Author

Links

Made with

About a code

Bootstrap Dark Timeline

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 5 Timeline

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 Horizontal 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