Dark Mode Switcher For Bootstrap 4 Example

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-primary .text-secondary .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-white

Primary link Secondary link Success link Danger link Warning link Info link Light link Dark link White 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 OctoMY
*/
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) { // wtf!?
		return;
	}
}
}
						

Thumbnail

Figure

Table

Inversed table

Table with colors

Note: Use table-* classes.

Inversed table with colors

Note: Use bg-* and text-* classes.

Default header

Inversed header

Small table

...with actions and colors

...with custom content

Sizes

Groups and dropdown

Tabs

Pills

Vertical pills

Contextual badges

Primary Secondary Success Danger Warning Info Light Dark

Pill badges

Primary Secondary Success Danger Warning Info Light Dark

Links

Primary Secondary Success Danger Warning Info 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