Skip to main content

Text

Examples of theme's typography.

This is a heading

Add a .sep class to the hr element to convert it to a short, 2 pixels width separator. Then you can change its color and alignment using utility classes.

We organise what we write into sentences and paragraphs. A paragraph begins on a new line within the text and there is often a blank line between paragraphs.

The HTML <blockquote> element indicates that the enclosed text is an extended quotation.

MDN web docs
                
                    <h2>This is a heading</h2>

                    <hr role="presentation" class="border-primary sep text-left ml-0">

                    <p class="lead">This is a sample intro paragraph and can be used to introduce readers to your article.</p>

                    <p>We organise what we write into <a href="#">sentences</a> and paragraphs. A paragraph begins on a new line within the text and there is often a blank line between paragraphs.</p>

                    <blockquote class="blockquote">
                        <p class="mb-2">The HTML <code><blockquote></code> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation.</p>
                        <footer class="blockquote-footer">Lindon Leader</footer>
                    </blockquote>
                
            

Text columns

Divide the text into 2 columns easily using the .columns class.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

                
                    <div class="columns">
                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                
            

Responsive font sizes

The theme has the enable responsive font size option turned on, allowing text to scale more naturally across device and viewport sizes.

Bootstrap DocumentationExternal link