Horje Website
Icons Bootstrap – Default – Learn Icon Code

Icons Bootstrap – Default

Icons Bootstrap - Default


 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bootstrap Icons</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  7. </head>
  8. <body class="container">
  9. <p>Some Bootstrap icons:</p>
  10. <i class="glyphicon glyphicon-cloud"></i>
  11. <i class="glyphicon glyphicon-remove"></i>
  12. <i class="glyphicon glyphicon-user"></i>
  13. <i class="glyphicon glyphicon-envelope"></i>
  14. <i class="glyphicon glyphicon-thumbs-up"></i>
  15. <br><br>
  16. <p>Styled Bootstrap icons (size, color, and shadow):</p>
  17. <i class="glyphicon glyphicon-cloud" style="font-size:24px;"></i>
  18. <i class="glyphicon glyphicon-cloud" style="font-size:36px;"></i>
  19. <i class="glyphicon glyphicon-cloud" style="font-size:48px;color:red;"></i>
  20. <i class="glyphicon glyphicon-cloud" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;"></i>
  21. </body>
  22. </html>



Try Your Self ->



Published:
October 8, 2020
Author:
admin
Category:
Colors Source Code, Colors Tutorial
Views:
20

This article was posted in Colors Source Code, Colors Tutorial and tagged , , . Bookmark the permalink. Follow comments with the RSS feed for this post.Post a Comment or leave a trackback: Trackback URL.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Horje © 2011 - 2022