The MPI Global and Chapter website templates within the Sitefinity CMS use a coding tool kit, or framework, called Bootstrap.  Bootstrap is one of the most popular frameworks for developing mobile-friendly, or responsive, websites. A responsive website automatically adjusts for different screen sizes. Bootstrap's grid system is responsive, and the columns will re-arrange depending on the screen size. For example, on a big screen it might look better with the content organized in three columns, but on a small screen it would be better if the content items were stacked on top of each other.

                  

Bootstrap's grid system is made up of 12 columns across the page. Columns can be grouped together to create wider columns. Grouped columns can be used in many different configurations, but the groups must always add up to 12.

For example, you can have 2 groups of 3 columns each next to a group of 6 columns. 3+3 is 6, plus another 6 equals 12.