2

i downloaded bootstrap.min.css via NuGet Package manager into my project in visual studio and the glyphicons are not working(but all the other bootstrap functions work...) I referenced it in the layout page:
. and it does not work. When i wrote this it worked but only when i have internet access: what can be the problem that the glyphicons don't show up and all the other bootstrap functions work? I want to be able to work on my project even if i'm not connected to the internet. I'm new to all of this and i would really appreciate some help.

4
  • 1
    are you including your css from cdn? have you included the font folders? can you check if @icon-font-path is correctly set? Commented Nov 11, 2016 at 12:32
  • can you tell me how and where to check? i'm new to all of this. where is the font folders? Commented Nov 12, 2016 at 16:24
  • check @kronos99 answer Commented Nov 15, 2016 at 4:18
  • Please share the code.. Commented Dec 8, 2017 at 10:44

3 Answers 3

1

Include all the required bootstrap files for fonts.

Demo: http://jsfiddle.net/rfehs6bg/16/

<p> Hello, world!!! <span class="glyphicon glyphicon-search" aria-hidden="true"></span> </p> 
Sign up to request clarification or add additional context in comments.

2 Comments

how do i do that? can you explain to me in detail where to check? i'm new to this. thanks!!
include this bootstrap files "<link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">" also you can download and link with Local url. Go to "getbootstrap.com/components" copy and paste class name for icons you needed.
1

The main reason of not working "Glyphicon":

  1. If you are using from free i.e from bootstrap fonts.

Then write is as <i class="glyphicon glyphicon-arrow-down"></i>

Without "S".

  1. If you are using paid glyphon icons then use it with "s"

    glyphicons glyphicons-book

Hope it will help you!

Comments

0

Keep the extracted folder of bootstrap at one place , and make sure you have 2 folders - css and fonts inside it. The glyphicons are inside the fonts folder. Afterwards just import css.min as you are doing and it will work fine.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.