Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Bootstrap also gives you the ability to easily create responsive web designs.

Bootstrap 4 supports the latest, stable releases of all major browsers and platforms. However, Internet Explorer 9 and down is not supported.

 

Why use Bootstrap?

Advantages of Bootstrap:

• Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
• Responsive features: Bootstrap’s responsive CSS adjusts to phones, tablets, and desktops
• Mobile-first approach: In Bootstrap, mobile-first styles are part of the core framework
• Browser compatibility: Bootstrap 4 is compatible with all modern browsers (Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera)

 

---

 

The homepage is designed to display full screen. The Hero Image and footer both sit in a single column (spanning the full 12 columns) that display across the whole width of the screen. The other content is either 2 column (spanning 6 columns each) or 4 column (spanning 3 columns each) in width as demonstrated below.

Whilst the homepage utilises a one, two and four column setup across the full width of the screen, the inner pages are laid as single column within a 1170px wide wrapper. If a secondary navigation menu is required, this sits to the left of the main content in a 3 column/9 column setup. When additional link boxes are required – eg: Related content or Author information boxes – this sits to the right of the main content in a 9 column/3 column setup as shown below.

 

---