Here we are solving a basic problem faced by a beginner web developer in bootstrap i.e. formatting text in bootstrap .

Objectives and Outcomes

In this, we will discuss about text formatting in bootstrap

Code


<h1>This is formating the text</h1>  

<p class="pre-scrollable">This is example for code display, <br>
<code>
<br>
for(i=0;i>10;i++)<br>
{<br>
	<br>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cout<<"Welocme to bootstrap!!";<br>
	<br>
}<br>
</code>
</p>
  
<p>Use <kbd>ctrl + c</kbd> to copy any text.</p>  

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and line breaks.
</pre>
	
<p class="text-muted">This text is muted.</p>
<p class="text-primary">This text is important.</p>
<p class="text-success">This text indicates success.</p>
<p class="text-info">This text represents some information.</p>
<p class="text-warning">This text represents a warning.</p>
<p class="text-danger">This text represents danger.</p>
	
<p class="bg-primary">This text is important.</p>
<p class="bg-success">This text indicates success.</p>
<p class="bg-info">This text represents some information.</p>
<p class="bg-warning">This text represents a warning.</p>
<p class="bg-danger">This text represents danger.</p>

This is formating the text

This is example for code display,

for(i=0;i>10;i++)
{

     cout<<"Welocme to bootstrap!!";

}

Use ctrl + c to copy any text.

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and line breaks.

This text is muted.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.