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>
Your Rating




Google+

Post Comment This is for short comments only. Use the forum for more discussions.







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us
©2000-2018 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer