Top 1

 

Top-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Top 2

 

Top-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Top 3

 

Top-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Top 4

 

Top-b

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 border-primary

Top 5

 

Top-b

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 border-success

Top 6

 

Top-b

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 border-danger

Top 7

 

Top-b

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 border-warning

Main Top

 

Main-top

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main-bottom

 

Main-bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Bottom 1

 

Bottom-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 bg-primary text-white

Bottom 2

 

Bottom-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 bg-primary text-white

Bottom 3

 

Bottom-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 bg-primary text-white

Bottom 4

 

Bottom-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 bg-primary text-white

 

Bottom-a

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Suffixe de classe CSS :

 bg-primary text-white

Bottom 6

 Important

Bottom-b

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Code dans zone de texte et Suffixe de Classe CSS:

<p><span class="fa fa-joomla"> </span><span class="badge badge-default">Important</span> - bg-danger text-white

Bottom 7

 Badge

Bottom-b

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Code dans zone de texte :

<p><span class="fa fa-joomla"> </span><span class="badge badge-success">Badge</span></p>