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>


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
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2019 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer