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

Welcome to our collection of Bootstrap examples! In this carefully curated compilation, we have gathered a wide range of code snippets that demonstrate the versatility and power of the Bootstrap framework.

Bootstrap Timeline Steps

Bootstrap Timeline Steps

Author:
Bootdey | June 10, 2021
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.6.0
Bootstrap Timeline Events Area

Bootstrap Timeline Events Area

Author:
Bootdey | October 14, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
4.5.0
Bootstrap Dark Timeline

Bootstrap Dark Timeline

Author:
Bootdey | October 6, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.5.0
Simple Horizontal Timeline

Simple Horizontal Timeline

Author:
Dey Dey | June 2, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.4.1
Timeline Events

Timeline Events

Author:
Dey Dey | March 10, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.4.1
Bootstrap 4 Event Timeline

Bootstrap 4 Event Timeline

Author:
Dey Dey | February 12, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
4.4.1
Bootstrap 4 User Business Timeline with Time

Bootstrap 4 User Business Timeline with Time

Author:
Ask SNB | January, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.3.1
Bootstrap 5 Timeline

Bootstrap 5 Timeline

Author:
Themesberg | November 9, 2019
Made with:
HTML / CSS

About a code

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
Bootstrap 4 Experience Timeline

Bootstrap 4 Experience Timeline

Author:
Dey Dey | November 7, 2019
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.3.1
Bootstrap 4 Basic Timeline for Users Without Avatar

Bootstrap 4 Basic Timeline for Users Without Avatar

Author:
BBBootstrap Team | September, 2019
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.0.0
Timeline

Timeline

Author:
Ondrej | May 8, 2019
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
4.3.1
Bootstrap 4 Horizontal Timeline

Bootstrap 4 Horizontal Timeline

Author:
Bootdey | February 13, 2019
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
jquery.js
Bootstrap version:
4.1.1
Bootstrap 4 Timeline Widget

Bootstrap 4 Timeline Widget

Author:
Dey Dey | January 24, 2019
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
line-awesome.css
Bootstrap version:
4.1.1
Bootstrap 4 Timeline Color Row

Bootstrap 4 Timeline Color Row

Author:
Dey Dey | December 1, 2018
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
4.1.1
Responsive Horizontal Timeline Using Bootstrap and Slick

Responsive Horizontal Timeline Using Bootstrap and Slick

Author:
David | October 10, 2018
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
slick.css, jquery.js, slick.js
Bootstrap version:
4.4.1
Bootstrap 4 Timeline

Bootstrap 4 Timeline

Author:
Dey Dey | June 17, 2018
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
4.1.1
Bootstrap 4 Timeline

Bootstrap 4 Timeline

Author:
wpdeveloper28 |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.1.1
Simple Vertical Timeline

Simple Vertical Timeline

Author:
mylastof |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.1.1
12 Booststrap Timeline

12 Booststrap Timeline

Author:
Siddharth Panchal |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
4.1.1
Vertical Left-Right Timeline

Vertical Left-Right Timeline

Author:
mylastof |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.1.1
Tracking Result Timeline

Tracking Result Timeline

Author:
codesoftlab |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.1.1

Timeline Scroll

Author:
anmolv886 |
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
jquery.js
Bootstrap version:
4.0.0
Timeline with Date

Timeline with Date

Author:
latifur |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
4.0.0
Colored Timeline

Colored Timeline

Author:
Dey Dey | April 22, 2016
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.6
Tickets Timeline

Tickets Timeline

Author:
Dey Dey | November 8, 2015
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.4
Bootstrap Timeline #146

Bootstrap Timeline #146

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #145

Bootstrap Timeline #145

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #141

Bootstrap Timeline #141

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #139

Bootstrap Timeline #139

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #134

Bootstrap Timeline #134

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #130

Bootstrap Timeline #130

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #127

Bootstrap Timeline #127

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #119

Bootstrap Timeline #119

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline #116

Bootstrap Timeline #116

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 108

Bootstrap Timeline Style 108

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 106

Bootstrap Timeline Style 106

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 98

Bootstrap Timeline Style 98

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 66

Bootstrap Timeline Style 66

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
3.3.0
Bootstrap Timeline Style 62

Bootstrap Timeline Style 62

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 48

Bootstrap Timeline Style 48

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
3.3.0
Bootstrap Timeline Style 47

Bootstrap Timeline Style 47

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 44

Bootstrap Timeline Style 44

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 25

Bootstrap Timeline Style 25

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 23

Bootstrap Timeline Style 23

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
3.3.0
Bootstrap Timeline Style 22

Bootstrap Timeline Style 22

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.3.0
Bootstrap Timeline Style 18

Bootstrap Timeline Style 18

Author:
bestjquery |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
3.3.0
Zigzag Timeline Layout

Zigzag Timeline Layout

Author:
andrewnite |
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Bootstrap version:
3.3.0
Timeline with Small Images

Timeline with Small Images

Author:
Dey Dey | July 20, 2014
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Bootstrap version:
3.2.0

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨