BootStrap Tribute Page

Okay so I’m totally new to the front end development so get ready for an awesome question! I’m beginning my tribute page and I’m a little confused. It was stated that the example tribute page was written with no native css and used bootstrap only. However I see that some people did use css. What is recommended? Is there an advantage to using bootstrap only? Would it be better to use bootstrap only for more responsive design? I’ve been really confused on how to create the large light gray div that creates a centered background in the example tribute page. How did the author get the light gray color? How are margins added at the sides?

1 Like

Hey @kevinayers123,
if you are not familiar with Bootstrap, I recommend you use it since it is a front end framework that helps out with styling your website. It is also helpful for creating responsive websites.
Regarding your question about the light gray div, that is a Bootstrap element called a Jumbotron.

Adding Bootstrap to your website is easy, you just have to add the following things to your index.html:

<!-- Latest compiled and minified CSS --> Add this inside your <head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library --> Add these two at the end of your <body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

If you need any more help, let us know.