Heading With Tages
Use tags h1 to h6 for get desire heading.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Heading With Classes
Use classes .h1 to .h6 for get desire heading.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Display Heading
Use classes display-1 to display-6 for get desire heading.
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Inline Text Elements
Use Tags del, s, inc etc. for get desire heading.
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.
Customizing Headings
Fancy display heading With faded secondary text
Lead
This is a lead paragraph. It stands out from regular paragraphs.
Alignment text
Use classes text-start, text-center, text-end for get desire heading.
Left aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
Right aligned text on all viewport sizes.
Font weight and italics
Use tags , fw-normal, fw-italic for get desire text.
Left aligned text on viewports sized SM (small) or wider.
Left aligned text on viewports sized MD (medium) or wider.
Left aligned text on viewports sized LG (large) or wider.
Left aligned text on viewports sized XL (extra-large) or wider.
Text Colors
Use tags , fw-normal, fw-italic for get desire text.
This is an example of muted text. Add classtext-muted
This is an example of primary text. Add classtext-primary
This is an example of success text. Add classtext-success
This is an example of info text. Add classtext-info
This is an example of warning text. Add classtext-warning
This is an example of danger text. Add classtext-danger
Font Sizes
Use Classes .fs-1 to .fs-6 for get desire text.
.fs-1 text
.fs-2 text
.fs-3 text
.fs-4 text
.fs-5 text
.fs-6 text
Blockquotes
A well-known quote, contained in a blockquote element.
Blockquote With figcaption
A well-known quote, contained in a blockquote element.
Blockquotes Alighment
Blockquote With Center Alighment
A well-known quote, contained in a blockquote element.
Blockquote With Right Alighment
A well-known quote, contained in a blockquote element.
Unstyled Lists
- This is a list.
- It appears completely unstyled.
- Structurally, it's still a list.
- However, this style only applies to immediate child elements.
- Nested lists:
- are unaffected by this style
- will still show a bullet
- and have appropriate left margin
- This may still come in handy in some situations.
Description List
- Description lists
- A description list is perfect for defining terms.
- Term
-
Definition for the term.
And some more placeholder definition text.
- Another term
- This definition is short, so no extra paragraphs or anything.
- Truncated term is truncated
- This can be useful when space is tight. Adds an ellipsis at the end.
- Nesting
-
- Nested definition list
- I heard you like definition lists. Let me put a definition list inside your definition list.
Inline List
Bold text.
Normal weight text.
Italic text.
Abbreviations
attr
HTML
Ol Listing
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Ul Listing
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Inline List
- This is a list item.
- And another one.
- But they're displayed inline.
Monospace
This is in monospace
Fancy Listing 1
Use class list-icons to ul for get desire ol list.
Fancy Listing with href
Use class list-icons to ul for get desire ol list.