For this project we decided to use bootstrap as the source of our CSS and jQuery. This decision was made as we wanted to concentrate our efforts to make the PHP and HTML work rather than spend a long time trying to get the CSS to work. Another point was that we looked at Bootstrap and decided that it would be a good thing to use as it would increase our knowledge of a widely used form of CSS.
We started by having a look at the videos on the internet on how to set up Bootstrap and link it into out HTML page. This is one the videos I used to understand Bootstrap in more detail:
We had a look on the website to see some of the elements of Bootstrap we could use in our website. These elements include:
- Nav bar (we wanted it to be static)
- General alignment
- Jumbotron (to use as divs within the page)
- Image elements (circular images)
This is what the Bootstrap code looks in our project: