What are some examples of Bootstrap components?

What are some examples of Bootstrap components?

Bootstrap offers a variety of components like buttons, modals, alerts, and carousels. Would you like to see specific examples?

Yes, can you show me an example of a modal?

Sure! A modal in Bootstrap can be created using the following HTML structure:

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        This is the content of the modal.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

How do I trigger the modal to open?

You can trigger the modal to open using a button with the data-bs-toggle attribute set to modal and the data-bs-target attribute pointing to the modal's ID:

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button>