Having trouble getting glyphicons to display properly. Currently, a small square is appearing instead of the glyphicon symbol. I have attempted to reposition folders and troubleshoot without success. I did not customize bootstrap - I simply downloaded the entire package, so there should not be any errors or missing items. Below is the code snippet causing issues:
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4 text-center">
<h2>Welcome!</h2>
<p>
</p>
</div> <!-- heading div -->
</div> <!-- row -->
<div class="row">
<div class="col-md-2 col-md-offset-2 text-center">
<div class="interests">
<span class="glyphicon glyphicon-camera">
</span>
<h4>People</h4>
</div> <!-- interests divs -->
</div> <!-- column divs -->
</div> <!-- row -->
</div> <!-- container -->
Could there be something missing at the top that needs to be added to correctly display the fonts? In the head section, I have linked to the bootstrap.min.css file - is there anything else that should be linked?