Bootstrap 4: Creating a Navigation Bar

Building your navigation is immensely important to any website, whether it is a single page, or a multi-page behemoth. Bootstrap’s navbar is responsive , and supports branding, navigation, search and more. Some basic info from Bootstrap’s site about Navbar, that you might want/need to know. Navbars require a wrapping .navbar with .navbar-expand{-sm|-md|-lg|-xl} for responsive collapsing…

Bootstrap 4: Creating Containers and Columns

Bootstrap works on the idea of containers and columns for it’s basic layout. Containers are the most basic layout element in Bootstrap and are required when using the default grid system. You can nest containers, but most people don’t find this necessary. You can choose from a responsive, fixed-width container where its max-width changes at each breakpoint (the…

Project: Build a Mobile Friendly Website

Based upon our previous homework assignments, you can see that we’ve been working on (re)creating a mobile friendly website for a local/small business. In the first homework, we picked the company and created site user personas, then we created a site map and initial navigation, and finally the template for the site and the homepage….

Homework: Site Template

Based upon the previous homework assignments of picking a local business and building your site map and navigation, you will now build your template. Using the Bootstrap front-end framework, build a mobile friendly template and homepage for your project. This will help you in finishing out your project. You are to construct a completed template…