![]() ![]() Content with Media Display headings, paragraphs and more alongside an image or video.Offcanvas Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.Strip Full width strip allowing background colours, images and videos.Content Grid Choose from 2 different grid layouts to display your content.Container Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport.Modal Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.Media Grid Display multiple medias in a rich gallery.Column Modify columns with a handful of options for alignment, ordering, and offsetting thanks to our flexbox grid system.Banner Choose from 3 different banner layouts with background images and videos.Post Grid Choose from 2 different grid layouts to display your posts.Card groups start off stacked and use display: flex to become attached with uniform dimensions starting at the sm breakpoint. Card Group Use card groups to render cards as a single, attached element with equal width and height columns. ![]() Alert Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.This is great for building more complex custom layouts that utilise utility and helper classes provided by Bootstrap. Div The Div block creates a element with the ability to add whatever classes you want.Tabs Create tabbed content that will show / hide based on the relevant tab being clicked.We don’t use the HTML5 element, ensuring you can stack progress bars, animate them, and place text labels over them. Progress Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.Button Group Group a series of buttons together on a single line or stack them in a vertical column.Swap modifier classes to switch between each style. nav class to the active and disabled states. Nav and Tabs Navigation available in Bootstrap share general markup and styles, from the base.Breadcrumb Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.Card Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.This padding is then counteracted on the rows. Each column has horizontal padding (called a gutter) for controlling the space between them. Spinner Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.Toast Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.If you have any questions or are unsure about how something works then please don’t hesitate to reach out to us on our support forum here. You can read the full documentation here. We have pulled together full, in-depth documentation explaining how to use every one of our custom blocks. We’ve created a NEW icon block that provides access to over 1,600 high quality Bootstrap icons with the ability to add them directly in to the block editor.Ĭheck out all of the available icons. All blocks preview directly in the block editor, work seamlessly with other WordPress blocks and have loads of options so you can tailor them to your needs.Ĭheck out all of the available components. We’ve created blocks for all of the Bootstrap components from accordions and modals to buttons and cards. All layout blocks allow you to set device specific settings across 6 different breakpoints and include all of the Bootstrap settings like alignment, ordering and much more without needing to write a single line of code.Ĭheck out all of the available layout blocks. Fully responsive layout blocks with live previewīuild responsive, mobile-first layouts directly in the WordPress editor with a live preview. If you want more control over Bootstrap you can simply turn this feature off and include your own Bootstrap files.Ĭheck out all of the available customisations. Easily setup your colours, fonts, spacing and everything else. Quick and easy Bootstrap customisationĪll Bootstrap Blocks automatically includes both the Bootstrap CSS and JS, and provides a simple to use interface for managing all of your Bootstrap settings… without coding. The fastest and most simple way to create fully responsive Bootstrap 5 layouts directly in the WordPress editor with a live preview! Plus we’ve included blocks for all of the Bootstrap components, including modals, accordions, cards and much more. 37 free blocks including containers, rows, columns, modals, accordions, cards, buttons and much more. Create fully responsive Bootstrap 5 page layouts. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |