Bootstrap Abbreviation Style
Style Abbreviation
For expanded text on long hover of an abbreviation,
include the title attribute with the <abbr> element.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- w w w . j a v a2 s . c om-->
<body style='margin: 20px;'>
<abbr title="attribute">attr</abbr>
</body>
</html>
We can style abbreviation with smaller font by
adding .initialism to an abbreviation for a slightly smaller font-size.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- w w w . jav a 2 s .c o m-->
<body style='margin: 20px;'>
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
</body>
</html>