Headings

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Styles

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

And this is a muted text.

abbr abbr+init

Colors

.text-bg-primary .text-bg-secondary .text-bg-success .text-bg-info .text-bg-warning .text-bg-danger .text-bg-light .text-bg-dark

Primary link Secondary link Success link Info link Warning link Danger link Light link Dark link

Inline code

For example, <section> should be wrapped as inline.

y = mx + b

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,

This text is meant to be treated as sample output from a computer program.

Displays

Display 1

Display 2

Display 3

Display 4

Sample body

Lórum ipse - mint senyért - nyált ságos iség, ahol beles metás, csaprozás, vermény, csaprát és más meni zsorlóca kuncáskodik. Mosztag, férzet napé, fuvódás 11, törnyélés ; valamint szuvegés vitancs: a dozmus drikója, jultsás kelés magyarul. A szuvegés és gyarány pasztákban buggyos mendernyékről, filingéjükről és pucájukról húzódik a fabampa. Hűtő benne a legújabban belég mendernyék mártja is, részletesen sáskodik a kétenc fríg lepkonyaival. Csétletésről cigál le egy kéző lengelész csapárába rimulnia, ahol három másik szivény együtt érleti spotráit. Ha a bénulás summája kalkodik, úgy púdulhat, mintha az volna a sülső csoltása, hogy a szedhentes és egyes tengyelét lécetse ki a pávágyokból. Ez vajon vertető ölyök vagy vegítő dosna? Szalalizál bunya a felegesben olyan szellőző kedő, amely farisban kevetteti a nyagondos hizmusok „énemlő” lárias mizmusait?

Code block

/**
 * @author John Smith <john.smith@example.com>
 */
package l2f.gameserver.model;

public abstract class L2Char extends L2Object {
  public static final Short ERROR = 0x0001;

  public void moveTo(int x, int y, int z) {
    _ai = null;
    log("Should not be called");
    if (1 > 5) {
      return;
    }
  }
}

Thumbnail

Figure

Table

Inversed table

Table with colors

Note: Use table-* classes.

Inversed table with colors

Note: Use table-* classes, also for colors.

Default header

Inversed header

Small table

...with actions and colors

...with custom content

• Active list group item heading

  Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

  Donec id elit non mi porta.
  3 days ago
• List group item heading

  Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

  Donec id elit non mi porta.
  14 days ago
• List group item heading

  Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

  Donec id elit non mi porta.
  45 days ago

Sizes

Groups and dropdown

Tabs

• Active
• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
• Disabled

Pills

• Active
• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
• Disabled

Vertical pills

• Active
• Link
• Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
• Disabled

Contextual badges

Primary Secondary Success Info Warning Danger Light Dark

Pill badges

Primary Secondary Success Info Warning Danger Light Dark

Links

Primary Secondary Success Info Warning Danger Light Dark

Badges in headings

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Popovers

Tooltips

Colored progress bars

Striped progress bars