Gravstrap is a Grav plugin that gives you the ability to use Bootstrap elements as shortcodes. A shortcode is defined by a simple structure and it is added to a Grav page to render a full component like a simple button, or a more complex one like a carousel or a navbar, till a full complex module, like a portfolio.
An example can better explain how a shortcode is made and how it works:
[g-navbar name=navbar brand_text="Gravstrap theme"] [g-navbar-menu id=menu_0 alignment="center"][/g-navbar-menu] [g-navbar-menu id=menu_1 icon_type="fontawesome" alignment="right"] [link url="https://twitter.com/giansi72" icon="twitter"][/link] [link url="https://github.com/giansi" icon="github"][/link] [/g-navbar-menu] [/g-navbar]
The shortcode shown above, renders the toolbar of this website.
Gravstrap plugin provides 30+ shortcodes you can use for free in your web site:
Gravstrap Theme is built on top of Gravstrap Plugin, implementing a full web site based on the components provided by that plugin. It is perfect to start a new Bootstrap custom theme or to create your unique design.
The web site implements three different home pages: the first one is a single Grav page made by all the Gravstrap modules shortcodes, the second home page uses a carousel as header and the third one is demonstration to show how you can implement a single page web site, using the Gravstrap plugin..
A section has been reserved to show in action all the available shortcodes provided by the Gravstrap plugin and the code to implement them.