The Bootstrap module ships with several shortcodes for users, please note that this module won’t set up Bootstrap for you, you’d need to ensure that you’ve install the corresponding Bootstrap CSS and JS components in some way.
This article shows how to install the Bootstrap module.
A brief description about the button link 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.
Make a paragraph stand out by the bs/lead
shortcode.
The ratio shortcode is perfect for responsively handling video or slideshow embeds based on the width of the parent.
The collapse shortcode is used to show and hide content.
The config toggle is useful, but it’s limited to generate configuration code blocks in YAML
, TOML
and JSON
languages. The toggle*
shortcodes are designed to be more versatile.
The article describe how to use the bs/alert*
shortcodes to generate alert messages.
Quickly and easily clear floated content within a container by wrapping the content inside the bootstrap/clearfix
shortcode.
This shortcode generates the code blocks in multiple languages from one code base.
It is useful for projects that support configuring in multiple languages, such as TOML
, JSON
and YAML
.
This shortcode generate a list of articles in card style.
This shortcode is used to generate icon grid, which supports icon, heading and description. It is usually used to display features.
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.
Rows are used to wrap columns.
Learn how to use the col shortcode with handful of options.