Css 4 modal

<div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalToggleLabel">Modal 1</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Show a second modal and hide this one with the button below.
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" data-bs-target="#exampleModalToggle2" data-bs-toggle="modal" data-bs-dismiss="modal">Open second modal</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalToggle2" aria-hidden="true" aria-labelledby="exampleModalToggleLabel2" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalToggleLabel2">Modal 2</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Hide this modal and show the first with the button below.
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal" data-bs-dismiss="modal">Back to first</button>
      </div>
    </div>
  </div>
</div>
<a class="btn btn-primary" data-bs-toggle="modal" href="#exampleModalToggle" role="button">Open first modal</a>

Source: getbootstrap.com

Similar codes

0 vote254 views1 answer
Material form css
CSS
0 vote258 views2 answers
Css comment placer un icon sur une photo
CSS
1 vote262 views1 answer
@media between two sizes
CSS
0 vote238 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
0 vote192 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
0 vote232 views5 answers
Css fr meaning
CSS
1 vote260 views2 answers
How to center a position fixed element horizontally
CSS
8 votes267 views4 answers
How to cover full image in css
CSS
0 vote256 views1 answer
Webpack how to disable warning when run build
CSS
0 vote251 views1 answer
Get ssl certificate command line
CSS