What should I do if the bootstrap icon does not display?

The solution to the problem that the bootstrap icon is not displayed: First find the specified file in the fonts folder; then ensure that the relative path between the file and the bootstrap.css file is correct.

The operating environment of this tutorial: windows10 system, bootstrap3.0. This article is applicable to all brands of computers.

Recommended: "bootstrap video tutorial"

Bootstrap glyphicon icon is not displayed.

Today when I used bootstrap to write a carousel image, I used the two arrow icons on the left and right.

<a class="left carousel-control" href="#carousel-186457" data-slide="prev"><br>　　<span class="glyphicon glyphicon-chevron-left"></span><br></a><br><a class="right carousel-control" href="#carousel-186457" data-slide="next"><br>　　<span class="glyphicon glyphicon-chevron-right"></span><br></a>

But the effect is exactly like this (Firefox). There is even nothing on other browsers.

Later I found a reference to the font path in the bootstrap.css file.

So copy this folder and make sure the relative path to the bootstrap.css file is correct. The icon will display correctly.

The above is the detailed content of What should I do if the bootstrap icon does not display?. For more information, please follow other related articles on the PHP Chinese website!