ACS Design System Getting Started For Developers

For Developers

Getting Started with ACS Bootstrap

The ACS Boostrap is an extension of the Twitter Bootstrap, most of the base grid system is the same and most of the standard class names are the same. We have further build upon the existing Twitter Bootstrap system with ACS specific customization such as branding, styling, templates, breakpoints, bug fixes that we found along the way.

ACS Bootstrap is built on SASS.

What's included?

acs-bootstrap.css
acs.min.js

Browsers Support

ACS-Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though fully functional, renderings of certain components.

Desktop Device

	Chrome	Firefox	Internet Explorer	Opera	Safari
Mac	Supported	Supported	N/A	Supported	Supported
Windows	Supported	Supported	Supported	Supported	Not supported

On Windows, we support Internet Explorer 11 and up.

Mobile Device

Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) are not supported.

	Chrome	Firefox	Safari
Android	Supported	Supported	N/A
iOS	Supported	Supported	Supported

IE Compatibility modes

To be sure you're using the latest rendering mode for IE, consider including the appropriate tag in your pages. This tag will ensure the best rendering possible in each supported version of Internet Explorer.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Confirm the document mode by opening the debugging tools: press F12 and check the "Document Mode". See this StackOverflow question for more information.