Labels and icons

Tutorial demonstrates, how to insert labels (like “new”, “updated”) to the text; place small glypicons.

Icons from font awesome library in the text

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.

Icons from font awesome library in the list

• fa-camera-retro
• fa-align-justify
• fa-save
• fa-scissors
• fa-forward

• 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