agilebins轮播组件在每张轮播图下面添加文本信息

要在agilebins轮播组件中每张轮播图下面添加文本信息，你可以按照以下步骤进行操作：

1. 首先需要在轮播图下方添加一个容器，用于显示每张轮播的文本信息。

<div class="agilebins-carousel">
  <div class="carousel-inner">
    <div class="carousel-item">
      <img src="img1.jpg" alt="Image 1">
      <div class="carousel-caption">
        <h3>这是第一张轮播图的文本信息</h3>
        <p>这里是第一张轮播图的详细描述信息</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="img2.jpg" alt="Image 2">
      <div class="carousel-caption">
        <h3>这是第二张轮播图的文本信息</h3>
        <p>这里是第二张轮播图的详细描述信息</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="img3.jpg" alt="Image 3">
      <div class="carousel-caption">
        <h3>这是第三张轮播图的文本信息</h3>
        <p>这里是第三张轮播图的详细描述信息</p>
      </div>
    </div>
  </div>
</div>

2. 然后，在样式文件中添加下方容器的样式：

.carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.carousel-caption h3 {
  margin-top: 0;
}

3. 最后，在JavaScript文件中初始化轮播组件，并设置是否显示文本信息：

$('.agilebins-carousel').carousel({
  interval: 5000,  // 轮播间隔时间，单位为毫秒
  pause: 'hover',  // 鼠标悬停时是否暂停轮播
  wrap: true,  // 是否自动循环播放
  keyboard: true,  // 是否支持键盘控制轮播
  pauseOnFocus: true,  // 是否在焦点处暂停轮播
  pauseOnHover: true,  // 是否在鼠标悬停时暂停轮播
  pauseOnDotsHover: true,  // 是否在轮播点悬停时暂停轮播
  showCaption: true  // 是否显示文本信息
});

通过设置showCaption为true，即可在轮播图下方显示文本信息。

需要注意的是，上述代码中的样式和JavaScript代码可能会因为不同版本的agilebins轮播组件而有所不同。建议在使用时参考官方文档进行操作。