"We have used 'Open Sans' as A default font in Kingfisher Admin template."
Font Weights
Opensans Light
.font-light
Opensans Regular
.font-regular
Opensans Semibold
.font-semibold
Opensans Bold
.font-bold
Headings
All HTML headings, <h1> through <h6>, are available.
Kingfisher Admin Template
<h1></h1>
Kingfisher Admin Template
<h2></h2>
Kingfisher Admin Template
<h3></h3>
Kingfisher Admin Template
<h4></h4>
Kingfisher Admin Template
<h5></h5>
Kingfisher Admin Template
<h6></h6>
Font Colors
Text Danger
.text-danger
Text Success
.text-success
Text Warning
.text-warning
Text Muted
.text-muted
Text Info
.text-info
Lead
Make a paragraph stand out by adding
.lead.
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more. Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
Paragraph
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more. Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
Text Justify
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more. Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
Text Alignments
Left aligned text on all viewport sizes..text-left
Center aligned text on all viewport sizes. .text-center
Right aligned text on all viewport sizes. text-right
Text Transform
Lowercased text.
Uppercased text.
capitalized text.
Italic text.
Fancy Heading
Fancy display heading with faded text
Display Headings
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
.display-1
Display 1
.display-2
Display 2
.display-3
Display 3
.display-4
Display 4
Inline text elements
Styling for common inline HTML5 elements.
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.
Abbreviations
Stylized implementation of HTML’s < abbr > element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.
attr
HTML
Blockquotes
For quoting blocks of content from another source within your document. Wrap
<blockquote class="blockquote"> around any HTML as the
quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Blockquote naming a source & Alignment
Add a <footer class="blockquote-footer"> for identifying the
source. Wrap the name of the source work in <cite>.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.