How do I create tabs using Bootstrap?

How do I create tabs using Bootstrap?

You can create tabs in Bootstrap using the tab component. First, include the Bootstrap CSS and JS files in your project.

Can you show me a basic example?

Sure! Here's a simple example:

<div class="container">
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#home">Home</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#profile">Profile</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#messages">Messages</a>
    </li>
  </ul>
  <div class="tab-content">
    <div id="home" class="tab-pane fade show active">Home content</div>
    <div id="profile" class="tab-pane fade">Profile content</div>
    <div id="messages" class="tab-pane fade">Messages content</div>
  </div>
</div>

What if I want to add more tabs?

You can simply add more <li> elements in the <ul> for the tabs and corresponding <div> elements in the tab content section.