链接未在 Quarto Reveal.js 中呈现为按钮

Question

我想将 Quarto Reveal.js 演示文稿中的链接设置为按钮，类似于此线程：https://github.com/quarto-dev/quarto-cli/discussions/4920.

但是，即使在 HTML 中分配了正确的 Bootstrap 类，链接在呈现时也不会设置为按钮：

我做错了什么？我假设演示文稿包含 Bootstrap 样式。

---
title: Links as Buttons
format: revealjs
---

## Intro

This link should appear as a button: 

[Conclusion](#sec-conclusion){.btn .btn-outline-primary .btn role="button"} 

[Conclusion](#sec-conclusion){.btn .btn-danger .btn role="button"} 

## Conclusion {#sec-conclusion}

Some text.

Answer 1

Bootstrap 不会自动包含在

revealjs

中，你必须这样做，例如通过使用 include-in-header:

---
title: Links as Buttons
format: revealjs
include-in-header: 
  text: |
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" rel ="stylesheet" integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg==" crossorigin="anonymous">
---

## Intro

This link should appear as a button: 

[Conclusion](#sec-conclusion){.btn .btn-outline-primary .btn role="button"} 

[Conclusion](#sec-conclusion){.btn .btn-danger .btn role="button"} 

## Conclusion {#sec-conclusion}

Some text.