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. This will let you download the files to your local computer. You can then copy them into your project to get started.

You also are given links to files on a CDN. A CDN, or Content Delivery Network, lets you access files from other servers. Many CDNs are set up so they have multiple servers around the country, or even world, so that you download from the closest/fastest one.

This means reduced resources on your server to transmit files, and faster downloads for your users.

Alternately, you can click on the Get Started button. Scrolling down, you can find a ready made HTML 5 template which has your source file, and links to our Bootstrap files already in it.

Starting with Bootstrap was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts

Bootstrap 4: Creating a Navigation Bar

ByWalter Wimberly

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…

Creating a Template for a Bootstrap Enabled Website

ByWalter Wimberly

When building a site, you want consistency. It helps in the design, and makes it easier to communicate with your intended audience. You might call it repetition. The easiest way to do that is via a template. Now different development environments allow you different methods. WordPress has themes, some content management systems (CMS) call them…

Alerts in Bootstrap

ByWalter Wimberly

Bootstrap provides a way to easily display an “alert” message. Essentially it is a background color, and foreground color which work together to make a message standout. An alert is generally going to be a simple block of text, and doesn’t have a lot of extra markups text. This works similarly to if you had…