Bootstrap中img-circle glyphicon及js引入加载更快的存放位置

标签：

  第一：响应式椭圆图像的应用

 <div class="container">

              <img class="img-responsive img-circle" alt="image circle" width="400" height="340" />

  </div>

效果图如下：

第二：图标的应用：

<div class="container">

<div>搜索图标：<span class="glyphicon glyphicon-search"></span></div>

<div>打印图标：<span class="glyphicon glyphicon-print"></span></div>

<div>下载图标：<span class="glyphicon glyphicon-download"></span></div>

 <div>云图标：<span  class=“glyphicon glyphicon-cloud”></span></div>

<div>信件图标：<span class="glyphicon glyphicon-envelope"></span></div>

<div>警告图标：<span class="glyphicon glyphicon-alert"></span></div>

<div>文本居中对齐图标：<span class="glyphicon glyphicon-align-center"></span></div>

</div>

由于图标太多这里就不一一列举，值得注意的是有些图标需要引入fonts文件夹，如上面的几个图标中除开云图标和信件图标外，其他图标不引入正确的fonts文件库将导致无法显示，因此我把我的目录也截图下来供参考，注意目录的级别。效果图和目录图如下：

图标效果图：           目录图：        

第三：关于js文件在文档最后面的优点：加快页面的加载速度,一般放在</body>标签的前面紧挨:如下图：

Bootstrap中img-circle glyphicon及js引入加载更快的存放位置

标签：

原文地址：http://www.cnblogs.com/professional-NET/p/4719719.html