Tabs navigation

A page with information structured in tabs manner. See Boostrap Navs for more details.

Basic tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

• Home
• Profile
• Messages

More styling in tabs

Fade effect introduced here requires additional activation of first tab in exampleSite.js.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

• Home
• Profile
• Messages

Automatic detection of operation system

See exampleSite.js for corresponding tab activation code.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

• Windows
• MacOS
• Linux

• Documentation
  • Overview
  • Get started
  • Playground
    • Basic markdown
      • Paragraphs and headers
      • Emphasis
      • List elements
      • Table elements
      • Link elements
    • Code highlight
      • Basic highlight
      • Python code embedded
    • Images
      • Insert images
        • Insert via markdown
        • Standard figure shortcode
        • Custom figscg shortcode
        • Resource image
      • Image gallery
        • Simple gallery with galleryscg shortcode
        • Media gallery
    • Children shortcode
      • Child1
      • Child2
      • Child3
        • Grandchild1
        • Grandchild2
      • Child4
    • Advanced techniques
      • Children preview
        • Cylinders in Distorted Wave Born Approximation
        • Custom Form Factor
    • Using Latex
    • Allerts, notices and cards
    • Action buttons
    • Labels and icons
    • Tabs navigation
    • Collaps expand
    • Youtube and staff