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><!-- www . j a va2s. c o m-->
<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><!-- ww w.ja v a 2s .com-->
<body style='margin: 20px;'>
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
</body>
</html>