如何在选项卡/选项卡集上添加下拉菜单 [rmarkdown / bootstrap]

Question

Bootswatch 的文档建议我可以使用选项卡集中选项卡中的下拉菜单：

如何使用 Rmarkdown 实现此目的？我试过：

# SECTION 1 {.tabset .tabset-fade}

## Section 1.1 

## Section 1.2 {????something here?????}
 ### Section 1.2.1  <<<<<<<<< want this to appear under the dropdown menu

Answer 1

目前，我认为仅使用 rmarkdown 无法做到这一点。但是，您可以使用 rmarkdown 生成带有标签集部分的 HTML 文档，然后调整 HTML 以将标签集转换为下拉菜单。或者，您可以使用 bsselectR 包，不幸的是，它的开发仍处于停滞状态。

下面是一个示例，说明如何使用 rmarkdown 制作 HTML 文档并用下拉菜单替换选项卡集。

首先，您需要编写 rmarkdown 文档，然后将其编织到 HTML。

---
title: "Tabset Example"
output: html_document
---

# The Tabset Section {.tabset .tabset-fade}

## First Tab
Here is the first tab's content.

## Second Tab
Here is the second tab's content
```

然后，在生成的 HTML 文件中，您会找到 HTML 的这一部分：

<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a role="tab" data-toggle="tab" href="#first-tab" aria-controls="first-tab">First Tab</a>
    </li>
    <li role="presentation">
        <a role="tab" data-toggle="tab" href="#second-tab" aria-controls="second-tab">Second Tab</a>
    </li>
</ul>

并将其替换为 HTML:

 <ul class="nav nav-tabs" role="tablist">
     <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          Choose a Tab <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li class=""><a href="#first-tab" data-toggle="tab" aria-expanded="false" aria-controls="first-tab">First Tab</a></li>
          <li class=""><a href="#second-tab" data-toggle="tab" aria-expanded="false" aria-controls="second-tab">Second Tab</a></li>
        </ul>
     </li>
</ul>

这会导致您的选项卡集显示为下拉菜单，如下所示：

Answer 2

现在可以在 rmarkdown 的开发版本中使用，您可以通过 devtools::install_github("rstudio/rmarkdown") 安装它。要添加下拉菜单，您必须将 .tabset-dropdown 添加到 class header，如下所示：

---
output: html_document
---

# Heading {.tabset .tabset-dropdown}

## Dropdown 1

## Dropdown 2

## Dropdown 3 

## Dropdown 4

Answer 3

我遇到了同样的问题，我发现这很棒 link。如下更改 _site.yml 会有所帮助。但是要确保 - 是内联的，- 和 text 之间有一个 space 然后点击 Tab 为 - text 在 [=17] =]

name: my-website
output_dir: docs
navbar:
  title: My Website
  left:
  - text: Home
    href: index.html
  - text: Readings
    menu:
    - text: Module 1
      href: readings-module1.html
    - text: Module 2
      href: ./insert_a.pdf

如何在选项卡/选项卡集上添加下拉菜单 [rmarkdown / bootstrap]

How to add dropdown menu on tab / tabset [rmarkdown / bootstrap]

html

r

twitter-bootstrap

r-markdown

blogdown