如何更改bootstrap巡回箭头

Question

我使用自助游，但我不知道如何将箭头改为顶部。

任何人都可以让我将箭头改为顶部吗？

如下面的屏幕截图所示。

这是bootstrap tour的脚本。

var tour = new Tour({
    placement: "top",
    storage: false,
  steps: [
  {
    element: "#revision",
    title: "TEST",
    content: "TEST. . . "
  }
]});

tour.init();
tour.start();

Answer 1

将您的div类更改为popover tour-tour fade bottom in，将展示位置top更改为bottom

Answer 2

只需添加＆＃39;展示位置＆＃39;这样的财产：

steps: [
{
    element: "#revision",
    title: "TEST",
    content: "TEST. . . "
    placement: top
}

Answer 3

创建此div <div class="arrow"></div>尝试在bootstrap.css文件中编辑该类的CSS。