How to do it…

  1. Let's add the HTML structure for our recipe. We will do it by adding the following code to app/recipe06-03.ejs:
<div class="container"> <div class="mt-5"> <h1><%- title %></h1> <p><a href="https://v4-alpha.getbootstrap.com/components/alerts/" target="_blank">Link to bootstrap alerts docs</a></p> </div><!-- /.container --> <div class="col-12 col-md-5"><div><form> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1"   aria-describedby="emailHelp" placeholder="Enter email"> <small id="emailHelp" class="form-text text-muted">We'll never   share your email with anyone else.</small> </div> <div class="form-group"> <label for="exampleInputPassword">Password</label> ...

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.