/CSS/Bootstrap/Show modal in bootstrap 4

Show modal in bootstrap 4

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">New message</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <label for="recipient-name" class="col-form-label">Recipient:</label>
            <input type="text" class="form-control" id="recipient-name">
          </div>
          <div class="form-group">
            <label for="message-text" class="col-form-label">Message:</label>
            <textarea class="form-control" id="message-text"></textarea>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Send message</button>
      </div>
    </div>
  </div>
</div>

Source: getbootstrap.com

Similar codes

14 votes257 views2 answers
.col-12 bootstrap
CSS Bootstrap
1 vote198 views2 answers
Bootstrap datetimepicker onchange event
Javascript Bootstrap
3 votes220 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
0 vote259 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript Bootstrap
0 vote218 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
118 votes340 views6 answers
Instalar bootstrap en react
Javascript Bootstrap
0 vote231 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap
2 votes216 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote215 views1 answer
Can we put check form inside a selection tag in bootstrap 4
Javascript Bootstrap
0 vote227 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap