Developer Documentation

A collection of pre-assembled assets, layouts, and components, built exclusively for our developers to aid in the process of standing up an application.

Please Note !important

This generic portfolio version is intended only to showcase the design system's responsive skeleton and VanillaJS framework. All proprietary First American components, features, and assets have been removed.

Quick Start

Looking to get up and running really quickly? Download our boilerplate template, built with Angular(7.1.0) and Bootstrap(4.3.1).

Important globals

Bootstrap employs a handful of important global styles and settings that you’ll need to be aware of when using it, all of which are almost exclusively geared towards the normalization of cross browser styles. Let’s dive in.

HTML5 doctype

Bootstrap requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

<!doctype html>
          <html lang="en">
            ...
          </html>

Responsive meta tag

Bootstrap is developed mobile first, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your <head>.

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Want more? Visit our repository for additional information.