<a class="left carousel-control" href="#carousel-553700" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-553700" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> 为什么显示翻页按钮乱码

这可能是因为您的网页没有正确加载 Bootstrap 的字体图标库（Glyphicons）。Bootstrap 的翻页按钮中使用的是 Glyphicons 中的图标，如果字体图标库没有正确加载，就会出现乱码的情况。

您可以在页面中添加以下代码来加载 Bootstrap 的字体图标库：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

这里使用了 Bootstrap 的 CDN（内容分发网络）来加载相关资源。如果您已经下载了 Bootstrap，也可以将资源文件放置到本地并修改相应路径以加载资源。

另外，如果您使用的是 Bootstrap 4，那么可以使用以下代码来显示翻页按钮：

<a class="carousel-control-prev" href="#carousel-553700" role="button" data-slide="prev">
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  <span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-553700" role="button" data-slide="next">
  <span class="carousel-control-next-icon" aria-hidden="true"></span>
  <span class="sr-only">Next</span>
</a>

在 Bootstrap 4 中，翻页按钮中使用的是 SVG 图标，不再使用 Glyphicons。如果您仍然使用 Glyphicons，也可能会出现乱码的情况。