Setting up our project
Now that we know what Bootstrap has to offer, let us set up our project:
- Create a new project directory named
MyPhoto. This will become our project root directory.
- Create a blank
index.htmlfile 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
metatags. The first tag tells the browser that the document in question is
utf-8encoded. Since Bootstrap optimizes its content for mobile devices, ...