Member-only story
Bootstrap — P1: Introduction and Installation
Bootstrap is a CSS framework that was created to assist with certain repetitive CSS tasks. For example, each website has a navigation. Bootstrap allows you to easily implement a navigational menu that automatically adjusts to any screen width. Most of the time we are left without writing any CSS code whatsoever for this specific feature. Bootstrap also utilizes the 12-column grid that UX designers love. As a brief example of the grid, let’s say that you wanted to place two containers next to each other. You can span any length as long as the total width equals 12 columns. The first container can occupy 6 columns and the second container can occupy 6 columns.
The first container can occupy 3 columns and the second container can occupy 9 columns. Any combination will work as long as the total equals 12. We’ll talk more about the grid later in this article series. There are hundredths of features that come with the Bootstrap framework; we’ll discuss some of the big ones. Bootstrap does come pre-packaged with JavaScript code as well. We will not be discussing that in this article.
