Languages for Bootstrap 3 provides an easy way to add language labels to your Bootstrap code.
It currently supports the following 43 languages:
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 lang
attribute.
Labels for the various icons can be applied automatically either in the native language, or in english, or both:
lang-lbl
class,lang-lbl-en
class,lang-lbl-full
class,Labels are omitted when one of the above mentioned classes is not used.
The icons for labels come in 3 different sizes:
lang-xs
class,lang-sm
class andlang-lg
class.Icons are omitted when one of the above mentioned classes is not used.
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.
<h1/>
heading<h1/>
heading<h1/>
heading<h2/>
heading<h2/>
heading<h2/>
heading<h3/>
heading<h3/>
heading<h3/>
heading<h4/>
heading<h4/>
heading<h4/>
heading<h5/>
heading<h5/>
heading<h6/>
headingLabel 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
In large buttons:
In regular buttons:
In small and extra small buttons: