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…
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….
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…
Based upon the last homework for picking a site for a local business, we will want to build upon that. Mainly we will be working on designing the Site Map and the Navigation Template in Bootstrap. The Site Map should list all of the pages for the website, including a hierarchy for sub-pages. It could…
This homework is going to be really simple. You need to pick your project and who would use the website. The over reaching project is going to be a mobile friendly website, using Bootstrap as a Front-end Framework, for a local small business. For the project, you need to pick a real, local business. By…
If you need to include an If statement, inside of an Else statement, you might need an elif command, which combines the two of them together. Let’s look at an example real quick. Notice that everything revolves around these two numbers, and checking them. Since num1 cannot be both greater than and less than num2,…
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….
We’ve seen in a previous article about Python’s If Statement how we write our If statement to change the flow of our program, only running some code based upon if certain conditions are met. We’re going to continue that notion, but increase the complexity of our If Statement. Multiple Statements A common occurrence is we…
