Docs

In this section

• Install Hugo Bootstrap Module
  Learn how to install the Hugo Bootstrap module.
• Bootstrap Image Grid Shortcode
  Shortcode to display images in grid layout.
• Bootstrap Accordion Shortcode
  Shortcode to build vertically accordions, the FAQs is the most common use case.
• Bootstrap Article Cards Shortcode
  Shortcode to generate a list of articles in card style.
• Bootstrap Icon Grid Shortcode
  Shortcode to generate icon grid, which supports icon, heading and description.
• Bootstrap Button Link Shortcode
  Shortcode to generate button link.
• Bootstrap Display Shortcode
  Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
• Bootstrap Lead Shortcode
  Shortcode to make a paragraph stand out.
• Bootstrap Ratio Shortcode
  The ratio shortcode is perfect for responsively handling video or slideshow embeds based on the width of the parent.
• Bootstrap Collapse Shortcode
  Shortcode to show and hide content.
• Bootstrap Toggle Shortcode
  Shortcode to generate navs and tabs.
• Bootstrap Alert Shortcodes
  Shortcodes to generate alert messages with styles, headings and Markdown.
• Bootstrap Clearfix Shortcode
  Quickly and easily clear floated content within a container by wrapping the content inside the `bootstrap/clearfix` shortcode.
• Bootstrap Config Toggle Shortcode
  Shortcode to generate code blocks in multiple languages from one code base, support TOML, JSON and YAML.
• Bootstrap Layout Shortcodes
  • Bootstrap Container Shortcode
    Containers are the most basic layout element in Bootstrap and are required when using our default grid system. Containers are used to contain, pad, and (sometimes) center the content within them. While containers can be nested, most layouts do not require a nested container.
  • Bootstrap Row Shortcode
    Shortcode to generate rows.
  • Bootstrap Col Shortcode
    Shortcode to generate grid column.
• Bootstrap Shortcodes Examples
  • Bootstrap Hero Examples
    Quickly design and customize responsive, complex and beautiful Hero components with the Bootstrap shortcodes, the Hugo built-in shortcodes and the extended shortcodes.