Supported languages

Languages for Bootstrap 3 provides an easy way to add language labels to your Bootstrap code.

It currently supports the following 43 languages:

 

Basic Usage

In order to use language labels and icons, first of all download the latest CSS and sprites. Upload them somewhere and <link .../> the CSS from your HTML page.

After adding the CSS to your page, language labels can be added using a span tag with a langattribute.

This is an exaple in the language.

Label types

Labels for the various icons can be applied automatically either in the native language, or in english, or both:

  • native language using the lang-lbl class,
  • english using the lang-lbl-en class,
  • both native and english using the lang-lbl-full class,

Labels are omitted when one of the above mentioned classes is not used.

A native label   , then in english    and and finally using both   .

Icon sizes

The icons for labels come in 3 different sizes:

  • extra small (14x11 pixels) using the lang-xs class,
  • small (22x16 pixels) using the lang-sm class and
  • large (30x22 pixels) using the lang-lg class.

Icons are omitted when one of the above mentioned classes is not used.

Icons come in extra small small or large

Usage in headings

Label placement has been optimized for use in Bootstrap's default heading styles. Simply placing them within the various <hX>...</hX> tags should adjust their position relative to the line.

large in a <h1/> heading

small in a <h1/> heading

x-small in a <h1/> heading


large in a <h2/> heading

small in a <h2/> heading

x-small in a <h2/> heading


large in a <h3/> heading

small in a <h3/> heading

x-small in a <h3/> heading


large in a <h4/> heading

small in a <h4/> heading

x-small in a <h4/> heading


small in a <h5/> heading
x-small in a <h5/> heading

x-small in a <h6/> heading

Usage in text

Label placement has also been optimized for use in Bootstrap's standard paragraphs.

large in a .lead paragraph

small in a .lead paragraph

x-small in a .lead paragraph


small in a standard paragraph

x-small in a standard paragraph


small in a <small/> section

x-small in a <small/> section

Usage in buttons

In large buttons:


In regular buttons:


In small and extra small buttons:

Usage in drop downs


Copyright © 2014 USRZ.com and Pier Paolo Fumagalli. Distributed under the terms of the Apache Software License, Version 2.