【问题标题】:How to change bootstrap tour arrow如何更改引导游览箭头
【发布时间】:2016-06-01 21:04:33
【问题描述】:

我使用引导程序,但我不知道如何将箭头更改为顶部。

谁能帮我把箭头改到顶部?

如下图所示。

这是引导程序的脚本。

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

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

【问题讨论】:

    标签: twitter-bootstrap-3 bootstrap-tour


    【解决方案1】:

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

    【讨论】:

    • 请扩展您的答案并添加更多详细信息。
    【解决方案2】:

    只需像这样添加“放置”属性:

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

    ]

    【讨论】:

    • 如果我想隐藏箭头图标怎么办?
    【解决方案3】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-08-27
      • 1970-01-01
      • 1970-01-01
      • 2020-11-04
      • 2018-11-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多