How to do it…

  1. Open the empty recipe-04-02.ejs file, located in the chapter4/start/app folder.
  2. Add the following code to it:
<div class="container"> <div class="mt-5"> <h1><%- title %></h1> <p><a href="https://v4-alpha.getbootstrap.com/components/modal/" target="_blank">Link to bootstrap modal docs</a></p></div><!-- /.container --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Click Me</button><!-- Modal --><div class="modal fade modal-fullscreen" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal ...

Get Bootstrap 4 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.