Bootstrap element styling

Bootstrap styles <abbr> elements with a light dotted border along the bottom and reveal the full text on hover.

The HTML <abbr> element provides markup for abbreviations or acronyms, such as NASA, HTTPS, ICC, etc.

You can try to run the following to understand how Bootstrap styles the <abbr> element −


 Live Demo

<!DOCTYPE html>
      <title>Bootstrap abbr styling</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="">
      <script src=""></script>
      <script src=""></script>
      <abbr title = "National Aeronautics and Space Administration">NASA</abbr><br>
      <abbr title = "International Cricket Council">ICC</abbr>