Bootstrap img-circle Glyphicon and JS introduced to load faster storage location

First: Application of response elliptic image

<div class= "Container" >

</div>

As follows:

Second: The application of the icon:

<div class= "Container" >

<div> Search icon: <span class= "Glyphicon glyphicon-search" ></span></div>

<div> print icon: <span class= "Glyphicon glyphicon-print" ></span></div>

<div> download icon: <span class= "Glyphicon glyphicon-download" ></span></div>

<div> cloud icon: <span class= "Glyphicon glyphicon-cloud" ></span></div>

<div> Letter icon: <span class= "Glyphicon glyphicon-envelope" ></span></div>

<div> warning Icon: <span class= "Glyphicon glyphicon-alert" ></span></div>

<div> Text Center alignment icon: <span class= "Glyphicon glyphicon-align-center" ></span></div>

</div>

Because there are too many icons here are not listed, it is worth noting that some icons need to introduce Fonts folder, such as the above several icons in addition to the Kering icon and the letter icon, other icons do not introduce the correct fonts file library will result in unable to display, so I put my directory also for reference, note the level of the directory. and directory diagram as follows:

Icon: directory diagram:

Third: About the JS file at the back of the document advantages: Speed up the page loading speed, usually placed in front of the </body> tag close to: such as:

Bootstrap img-circle Glyphicon and JS introduced to load faster storage location