Bootstrap few glyphicons are not showing

Question

When I go to the site https://getbootstrap.com/docs/3.3/components/ I can choose from different glyphicons.

The problem is that the icons on the bottom are not working. For example:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- showing --> <span class="input-group-addon"><i class="glyphicon glyphicon-random color-blue"></i></span> <!-- not showing --> <span class="input-group-addon"><i class="glyphicon glyphicon-option-horizontal"></i></span> 

Below the bootstrap and jquery version I use in my asp.net (vb) project:
Bootstrap: 3.3.7
jquery: 3.2.1

Is there a way that I can add those glyphicons?
According to the bootstrap site those not showing icons should work for 3.3.7

Answer 1

When you look at the bootstrap CSS, you can see that the icons are actually a icon font.

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) 
    .......
}

If you want these icons to show, you have to make sure that these fonts can be found by your browser.

Answer 2

Sorry it was my own fault.

After checking, the bootstrap version file was 3.0.0. Did an update to 3.3.7 and it is working now.