This project is for you to type along with the Introduction to Bootstrap video. There are no automated tests, so rails grade won't do anything.
Experiment!
Here is the target that we're aiming for in this project:
https://rps-bootstrap.matchthetarget.com/
The starting point of this project is the ending point of RPS CSS. Here is a snapshot of the workspace I ended up with from the RPS CSS workspace, in case you want to look at it:
I slightly re-organized the CSS afterwards; you can see the differences here, in this git diff.
Search for Font Awesome icons here.
I place these in the <head> of almost every HTML document I write:
<!-- Expand the number of characters we can use in the document beyond basic ASCII 🎉 -->
<meta charset="utf-8">
<!-- Connect Font Awesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
<!-- Connect Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!-- Connect Bootstrap JavaScript and its dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<!-- Make it responsive to small screens -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">- Start the web server with
bin/server. - Navigate to your live application preview.
- As you work, remember to navigate to
/gitand Always Be Committing.