Glyphicons in large size not showing

Glyphicons in large size not showing

I try to use large icons with the bootstrap library. I have followed what
is adviced there: Bootstrap Glyphicons Support
Here is my hierarchy http://img829.imageshack.us/img829/5051/20nk.png
Here is my head part of the html file:
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css"
href="../css/bootstrap.icon-large.min.css" />
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="quicksort.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
<title> Quicksort animation using d3.js</title>
And the part of the code trying to load the large icon:
Nothing is displayed
There is no error displayed in the console when I load, so I think every
file is found, as it appears also in the CSS explorer in Chrome developer
tools.
When I remove the include of bootstrap.icon-large.min.css, I can see the
search icon.
Any idea?