Bootstrap Support

A full-size Bootstrap library is too large for inclusion in an AMP page, as the AMP standard imposes a size limit on CSS code. The Widget Framework therefore uses a smaller, AMP-compliant version of Bootstrap for AMP pages.

This minimized version of Bootstrap contains:

• Most typographical styles plus a few helper classes such as

  • Quick floats

  • Clearfix

  • Showing and hiding content

  The following typographical styles, however, are not included:

  • Abbreviations

  • Addresses

  • Blockquotes

• Grid system

• Breadcrumbs

• Labels

• Media object

As Google AMP doesn’t allow you to reference external stylesheets, Widget Framework includes those styles inside the page head using <style> tag as Google suggests. If you need to use any Bootstrap style definition not provided by Widget Framework, you can customize as you see fit and replace the Bootstrap CSS files located in your publication's /static/css/amp directory with the customized one.