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

Related Articles

  1. CSS Timelines
Demo image: Simple Horizontal Timeline

Author

  • Dey Dey

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

Demo image: Timeline Events

Author

  • Dey Dey

Made with

  • HTML / CSS

About a code

Timeline Events

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

Responsive: yes

Dependencies: -

Bootstrap version: 4.4.1

Demo image: Bootstrap 4 Event Timeline

Author

  • Dey Dey

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

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

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

Demo image: Bootstrap 4 Basic Timeline for Users Without Avatar

Author

  • BBBootstrap Team

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

Demo image: Timeline

Author

  • Ondrej

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

Author

  • Dey Dey

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

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

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

Demo image: Bootstrap 4 Timeline

Author

  • Dey Dey

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

Demo image: Simple Vertical Timeline

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

Demo image: 12 Booststrap Timeline

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

Demo image: Tracking Result Timeline

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

Demo image: Timeline with Date

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

Demo image: Colored Timeline

Author

  • Dey Dey

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

Demo image: Tickets Timeline

Author

  • Dey Dey

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Bootstrap Timeline Style

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

Demo image: Timeline with Small Images

Author

  • Dey Dey

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