Setting up our project

Now that we know what Bootstrap has to offer, let's set up our project:

  1. Create a new project directory named MyPhoto. This will become our project root directory.
  2. Create a blank index.html file and insert the following HTML code:
<!DOCTYPE html><html lang="en">   <head>      <meta charset="utf-8">      <meta name="viewport" content="width=device-width, initial-       scale=1, shrink-to-fit=no">      <meta http-equiv="x-ua-compatible" content="ie=edge">      <title>MyPhoto</title>   </head>   <body>      <div class="alert alert-success"> Hello World!      </div>   </body></html>

Note the three meta tags. The first tag tells the browser that the document in question is utf-8 encoded. Since Bootstrap optimizes its content for mobile devices, the subsequent meta ...

Get Mastering Bootstrap 4 - Second Edition 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.