在幻灯片的左边还有右边，各有一个按钮，使用它们，可以控制播放的幻灯片。下面，在我们的旋转木马里面，去添加这两个控制播放的按钮。

可以把它放在幻灯片项目的下面。

用一组 a 标签，在上面加上一个 left ，还有 carousel-control ... 这是一个向左播放的按钮 ... 这个 a 标签的 href 属性的值，应该是它所控制的旋转木马的 id ... 在上面，我们先去定义一个 id ... 在这个带 .carousel 类的 元素上面 ... 定义一个 id ... 可以叫它 slideshow ...

然后再回到这个按钮 ... 把它的 href 属性的值设置成 #slideshow ... 再给它添加一个 data-slide 属性 ... 它的值设置成 prev ... 表示这个按钮的功能就是向前播放一个幻灯片 ...

然后再设置一下这个按钮上面的图标 ... 可以使用 Bootstrap 架构里面提供的小图标 ..

这个小图标就是一个向左的箭头 ...

用类似的方法，我们再去添加向右播放幻灯片的按钮 ... 复制 ... 粘贴 ... 再修改一下 ....

把 left ... 换成 right ... 再改一下 data-slide 属性的值 ... 这里改成 next ... 表示它的功能是向后播放一个幻灯片 ...

按钮上的图标是一个向右的箭头 ... 把这里的 left ... 改成 right ...

保存 ... 回到浏览器上 ...

你会看到幻灯片的左右各有一个按钮 ... 点击右边的这个按钮 ... 可以播放下一张幻灯片 ... .

点击 左边的按钮 ... 可以播放上一张幻灯片 ....