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…

Starting with Bootstrap

We’ll be looking at Bootstrap, Version 4 as it is the latest, since it gives us several benefits, including being mobile friendly/responsive right out of the box, and comes with several ready to use components. If you go to GetBootstrap.com you are given a couple of options. First, you can click on the Download button….

Using the If Statement

We’ve looked at decision statements in flowcharts and pseudo-code before. Now we want to look at how to build them in Python. Decisions are very important because they allow you to skip over a section of code that isn’t relevant to you. In its most basic format, an if statement in Python follows the following…