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

Links
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

Links
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

Links
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

Links
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

Links
Made with
- HTML / CSS
About a code
Timeline Events
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Bootstrap version: 4.4.1

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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

Links
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