Wie Drop-Down-Menü auf dem Reiter/tabset [rmarkdown/Bootstrap]

Question

Dokumentation für Bootswatch hinzufügen schlägt ich ein Dropdown-Menü aus einer Registerkarte in einem tabset verwenden kann:

Wie kann ich erreichen dies mit Rmarkdown ? Ich habe versucht:

# 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

Für jetzt glaube ich nicht, dass dies mit nur Rmarkdown getan werden kann. Sie können jedoch ein HTML-Dokument mit einem Tabset-Abschnitt erstellen, indem Sie rmarkdown verwenden und dann den HTML-Code anpassen, um die Registerkarte in ein Dropdown-Menü zu konvertieren. Alternativ können Sie das bsselectR Paket verwenden, das leider noch in einer etwas ins Stocken geratenen Entwicklung ist.

Unten sehen Sie ein Beispiel, wie Sie ein HTML-Dokument mit rmarkdown erstellen und einen Tabulatorsatz durch ein Dropdown-Menü ersetzen.

Zuerst würden Sie Ihr Rmarkdown-Dokument schreiben und es dann in HTML stricken.

--- 
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 
``` 

Dann wird in der resultierenden HTML-Datei, dann würden Sie diesen Abschnitt von HTML finden:

<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> 

und ersetzen Sie es mit diesem 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> 

Dies sollte dazu führen, dass Ihre Registerkarte als Dropdown-Menü angezeigt wird, beispielsweise wie folgt: