                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

为什么Bootstrap图片轮播的箭头不显示，其他都没什么问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

</ol>

</div>

</div>

</div>

<span class="sr-only">Previous</span>

</a>

</a>

</div>

</body>

</html>

图片轮播效果正常，就是箭头不显示

会飞的柠檬

2015-11-01

源自：基于bootstrap的网页开发

关注问题我要回答

16901

操作

收起

7 回答

石糠
2017-09-27

我的出现箭头，但是箭头失效，是什么情况？

0 回复有任何疑惑可以回复我~

收起回答

qq_小橘子_3
2017-05-25

问题已解决谢谢

0 回复有任何疑惑可以回复我~

收起回答

Richiechoo
2016-11-29

图为bootstrap.css的文件，文件中需要font文件夹下的图标，如下所示，所以把完整的bootstrap放在项目中

2 回复有任何疑惑可以回复我~

收起回答

慕粉6628037

说得太好了，点赞

2017-04-17 回复有任何疑惑可以回复我~

qq_黑色雪域_0

给你一个赞

2017-07-25 回复有任何疑惑可以回复我~

uglyboy
2016-07-29

你没有把font文件放到你的目录下

1 回复有任何疑惑可以回复我~

收起回答

qq_唯有你是我的天堂_03980819

放了也没用啊

2016-10-06 回复有任何疑惑可以回复我~

uglyboy 回复 qq_唯有你是我的天堂_03980819

就是字体和图标那个

2016-10-21 回复有任何疑惑可以回复我~

Daver2015
2015-11-22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/rrny.css" rel="stylesheet"/>
 <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!------------------------------------------------------------->
 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="carousel-example-generic" data-slide-to="1"></li>
        <li data-target="carousel-example-generic" data-slide-to="2"></li>
       </ol>                           <!--   对应 圆圈-->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/rp1.jpg" alt="1 slide">
          <div class="carousel-caption">     
          </div>
        </div>
        <div class="item">
          <img src="images/rp2.jpg" alt="2 slide">
          <div class="carousel-caption">
          </div>
        </div>
       <div class="item">
          <img src="images/rp3.jpg" alt="3 slide">
          <div class="carousel-caption">
          </div>
        </div>    
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span
            class="glyphicon glyphicon-chevron-left">&lsaquo;</span></a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next"><span
            class="glyphicon glyphicon-chevron-right">&rsaquo;</span></a>
    </div>
<!------------------------------------------------------------->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script> 
</body>
</html><!--刚才少了一个尖括号-->

0 回复有任何疑惑可以回复我~

收起回答

Daver2015
2015-11-22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/rrny.css" rel="stylesheet"/>
 <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!------------------------------------------------------------->
 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="carousel-example-generic" data-slide-to="1"></li>
        <li data-target="carousel-example-generic" data-slide-to="2"></li>
       </ol>                           <!--   对应 圆圈-->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/rp1.jpg" alt="1 slide">
          <div class="carousel-caption">     
          </div>
        </div>
        <div class="item">
          <img src="images/rp2.jpg" alt="2 slide">
          <div class="carousel-caption">
          </div>
        </div>
       <div class="item">
          <img src="images/rp3.jpg" alt="3 slide">
          <div class="carousel-caption">
          </div>
        </div>    
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span
            class="glyphicon glyphicon-chevron-left">&lsaquo;</span></a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next"><span
            class="glyphicon glyphicon-chevron-right">&rsaquo;</span></a>
    </div>
<!------------------------------------------------------------->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script> 
</body>
</html

0 回复有任何疑惑可以回复我~

收起回答