Fonts in Bootstrap 4

<B>Normal bold normalNormal <b> bold</b> normal
<strong>Normal strong normalNormal <strong>strong</strong> normal
<i>Normal italic normalNormal <i>italic</i> normal
<mark>Normal mark normalNormal <mark>mark</mark> normal
<em>Normal Emphasized normalNormal <em>Emphasized</em> normal
<small>Normal small normalNormal <small>small</small> normal
<del>Normal deleted normalNormal <del>deleted</del> normal
<ins>Normal Inserted normalNormal <ins>Inserted</ins> normal
<sub>Normal Subscript normalNormal <sub>Subscript</sub> normal
<sup>Normal SuperscriptnormalNormal <sup>Superscript</sup> normal
<kbd>Use Ctrl + A to selectUse <kbd>Ctrl</kbd> + <kbd>A</kbd> to select
We have different font color classes.
We can use the above formatted text with <P> tag

Text is deleted with class='text-warning'

<p class='text-warning'><del>Text is deleted with class='text-warning'</del></p>

Text is italic with class='text-info'

<p class='text-info'><i>Text is italic with class='text-info'</i></p>
Read More font colour classes

Abbreviations

HTML is language of the internet.
<abbr title="HyperText Markup Language" >HTML</abbr> is language of the internet.
When you place the mouse over the abbr tag the title is used to show full version of the abbreviations.

blockquote

You can learn JQuery from plus2net.com.

<blockquote class="blockquote">
  <p class="mb-1">You can learn JQuery from plus2net.com.</p>
</blockquote>

blockquote with text-center ( center alignment )

You can learn JQuery from plus2net.com.

<blockquote class="blockquote text-center">
  <p class="mb-1">You can learn JQuery from plus2net.com.</p>
</blockquote>

blockquote with text-right ( right alignment )

You can learn JQuery from plus2net.com.

<blockquote class="blockquote text-right">
  <p class="mb-1">You can learn JQuery from plus2net.com.</p>
</blockquote>

Using <code>

Use Script code location.reload(); to reload a page.
Use Script code <code>location.reload();</code>  to reload a page.

Using <pre>

Line one
Line two
	Line three
Line four
<pre>Line one
Line two
	Line three
Line four</pre>
One more example of <pre>
    A     A
     A   A
      A A
       A	
      A A
     A   A
    A     A
<pre>
    A     A
     A   A
      A A
       A	
      A A
     A   A
    A     A
</pre>

Headings using display

Display 1

Display 2

Display 3

Display 4

<p class="display-1">Display 1</p>
<p class="display-2">Display 2</p>
<p class="display-3">Display 3</p>
<p class="display-4">Display 4</p>


Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com



    Post your comments , suggestion , error , requirements etc here .







    Most Popular JQuery Scripts

    1

    Two dependant list boxes

    2

    Calendar with Date Selection

    3

    Data change by Slider

    4

    Show & Hide element


    JQuery Video Tutorials




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer