Bootstrap try again modal snippets with sad emoji | Popup

Loading…

Bootstrap try again modal snippets with sad emoji | Popup | GoSnippets

Source Code

1<div class="container d-flex justify-content-center mt-100">
2    <div class="row">
3        <div class="col-md-12"> <button type="button" class="btn modal-button" data-bs-toggle="modal" data-bs-target="#myModal">Open Modal</button> </div>
4    </div>
5</div>
6<div class="modal fade" id="myModal" role="dialog">
7    <div class="modal-dialog">
8        <div class="card">
9            <div class="card-img"> <img class="img-fluid" src="https://i.imgur.com/uBx4f4L.png"> </div>
10            <div class="card-title">
11                <p>Oops...</p>
12            </div>
13            <div class="card-text">
14                <p>Something went wrong. Please, try again.</p>
15            </div> <button class="btn">Try again</button>
16        </div>
17    </div>
18</div>

Bootstrap try again modal snippets with sad emoji | Popup

Source Code

More Modals snippets

Comments(0)