Question

我使用了http://getbootstrap.com/examples/carousel/处的设计我已经下载了页面上使用的CSS和JS版本：

CSS
http://getbootstrap.com/dist/css/bootstrap.min.css
http://getbootstrap.com/examples/carousel/carousel.css

使用Javascript：
https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
http://getbootstrap.com/dist/js/bootstrap.min.js
http://getbootstrap.com/assets/js/docs.min.js

滚动工作正常，我的图像更改很好。我把文件放在一台Windows机器上。

关于我做错了什么的任何想法？

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

Answer 1

当我使用旋转木马画廊和引导程序时，我遇到了同样的问题。结果我没有在我的站点根文件夹中包含Glyphicons Halflings字体。在我创建了一个fonts文件夹并复制了所需的字体文件之后。方框由E079替换为左边＆lt;箭头。

Answer 2

如果您看到反映字形的Unicode地址的方块，例如E079，您可能没有正确地将<span>上的引导类归为图标。您需要确保您的范围包含对glyphicon网络字体的引用（例如glyphicon）以及您打算使用的图标（例如glyphicon-chevron-left和glyphicon-chevron-right ）。

例如，从上面引用的示例中，V形符号标识如下：

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  ...
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>

如果您在编辑中指明类别相同，请使用Firebug或Chrome（或Safari）开发人员工具等浏览器工具检查元素。在这里，您应该能够看到当前应用于元素的类，并确定字体未正确呈现的原因。要查找的第一件事是定义 Glyphicon Halfings 字体的字体系列的类是否与雪佛龙跨度存在于同一元素上。例如。你想看到以下课程：

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

以及......

.glyphicon-chevron-left:before {
  content: "\e079";
}

报告<span class="glyphicon glyphicon-chevron-left"></span>节点。

如果您没有看到这两个，则无法正确包含或读取引导程序CSS。

最后，如果您仍然遇到问题，我建议您尽快启动一个新的.html文档，并从Bootstrap的库中删除示例。这样就可以减少标记次数，减少进度，当你开始反汇编它并将它重新组合在一起时，你可能会发现一个缺失的引用，或者其他一些错误导致你所看到的错误。

Answer 3

我正在解决下载bootstrap.min.css第2464行中写入的字体的问题 @font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot);...

Answer 4

我也有同样的问题试试这个：

确保此文件define(['jquery'], function($) { 'use strict'; var Foo = { saySomething: function() { return "Hello"; } }; return { saySomething: Foo.saySomething }; });包含正确的路径。

更改路径：

"your_template\less\variables.less"

Glyphicons＆lt;和＆gt;在Bootstrap 3 Carousel的小方块中显示为E079和E080

4 个答案: