→ Tane Mahuta
→ Responsive Timeline

Responsive Timeline

This bootstrap css example is contributed by Tane Mahuta, on 17-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are Roadmap, Changelog

Tags: Timeline

Author Tane Mahuta

3.4k

v.5.3

Fork Fullscreen

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<div class="container py-5">
  <h2 class="text-center mb-5">Company Timeline</h2>
  
  <div class="main-timeline">
    <div class="timeline left">
      <div class="card">
        <div class="card-body p-4">
          <h3>2023</h3>
          <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, et elementum lorem ornare.</p>
        </div>
      </div>
    </div>
    <div class="timeline right">
      <div class="card">
        <div class="card-body p-4">
          <h3>2022</h3>
          <p class="mb-0">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
        </div>
      </div>
    </div>
    <div class="timeline left">
      <div class="card">
        <div class="card-body p-4">
          <h3>2021</h3>
          <p class="mb-0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
        </div>
      </div>
    </div>
    <div class="timeline right">
      <div class="card">
        <div class="card-body p-4">
          <h3>2020</h3>
          <p class="mb-0">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.</p>
        </div>
      </div>
    </div>
  </div>
</div>

More Examples

Clean Timeline Changelog
clean and beautiful changelog example

Author:
Alaric Sloane

1 year ago

2.9k

v.5.3
Sign in with Google

Author:
Juan Martinez

1 year ago

4.4k

v.5.3
Responsive Products Grid

Author:
Ross Wille

1 year ago

3.5k

v.5.3
Bootstrap Login Modal
Elegant Login Form

Author:
César Ferreira

1 year ago

4.7k

v.5.3
Get In Touch Form Example
Contact us form

Author:
Anonymous

1 year ago

2.2k

v.5.3
Marquee Animation
On hover stop effect

Author:
Anonymous

1 year ago

12.4k

v.5.3
Simple login form

Author:
Prajwal Hallale

1 year ago

7.8k

v.4.6
Parallax effect with image background

Author:
Anonymous

1 year ago

2.5k

v.4.6
Toggle switches

Author:
Anonymous

1 year ago

2.6k

v.5.3
Bootstrap 5.3 Accordion
Modern Bootstrap 5.3 Accordion

Author:
Prajwal Hallale

1 year ago

3.2k

v.5.3
Beautiful Product card with bootstrap css

Author:
Levi Treadwell

1 year ago

1.8k

v.5.3
bootstrap 5 confirm modal

Author:
Anonymous

1 year ago

7.6k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent

BootstrapExamples From the makers of tailwindflex.com

BootstrapExamples is a free library offering a diverse range of Bootstrap CSS components. Developed by the community, it's open for anyone to use.

Contacts

Email:

[email protected]

Links

Search

Resources

Free Tailwind CSS Components Free CSS Components

© 2026 BootstrapExamples. All Rights Reserved.

v1.3