Flags

Bootstrap flags

Note: This documentation is for an older version of Bootstrap (v.4). A newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product - Material Design for Bootstrap 5.
Go to docs v.5

A flag is used to represent a political state

To start working with Flags, please see "Getting Started" tab on this page.

Note: Flags integration is available from version 4.8.1 (released 13.05.2019).

Definition

Flag

A flag can use the two digit country code, the full name, or a common alias

        
            

          <i class="ae flag"></i>
          <i class="france flag"></i>
          <i class="myanmar flag"></i>

        
        
    

Types

Many flag sets use SVG to render flags at multiple sizes. However svg flags usually appear blurry or render improperly at smaller sizes. MDB default theme uses an image sprite solution which provides crisper icons, but without the ability to resize