BlockStrap Page Builder – Bootstrap Blocks vs Bootstrap Blocks

BlockStrap Page Builder — Bootstrap Blocks gives you a selection of Bootstrap blocks that let you craft a whole site, including a header, footer, and even menus. This plugin, combined with the BlockStrap theme, effortlessly turbocharges your website’s loading speed. BlockStrap: The Ultimate BootStrap Page Builder for WordPress Transform your WordPress website with BlockStrap, the ultimate page builder plugin that brings the power of the Bootstrap CSS framework to your fingertips. Why Choose BlockStrap? BlockStrap is not just a plugin; it’s a complete page builder that gives you the freedom to create any type of theme. It integrates seamlessly with the WordPress block editor, providing a wide range of fully customizable blocks that are easy to use. Build Anything with BlockStrap Whether you’re building a blog, a Directory, an e-commerce store, a portfolio, or a business website, BlockStrap has got you covered. With over 30+ unique blocks, you can create anything from stylish navigation bars and responsive image galleries to dynamic accordions and interactive maps. BlockStrap Free Child Themes Directory Theme – Built for our plugin GeoDirectory, this is the best free WordPress directory theme you will find on WordPress.org. Real Estate Theme – Designed specifically for our GeoDirectory plugin, this is the top free WordPress Real Estate theme available. When used alongside the free Real Estate Directory add-on , for GeoDirectory, it puts premium real estate themes to shame. Job Board Theme Seamlessly integrated with GeoDirectory, this theme offers a robust platform for managing and showcasing job opportunities. Whether running a local job board or a large-scale employment site, the Job Board Theme ensures a professional look and smooth user experience. School Child Theme Build a professional-looking educational website with the free School Child Theme for Blockstrap. Tailored for academic institutions, this theme provides a clean, user-friendly design that enhances the online presence of schools and educational programs. Fully compatible with the Blockstrap framework, the School Child Theme offers seamless functionality and a professional aesthetic to engage students, parents, and educators alike. Many more BlockStrap Child themes are in the pipeline. We aim to release at least 1 per month. Blockstrap Blocks BS > Archive Actions This block, perfect for blogs and news sites, allows you to add category selectors and sort options to archive pages. BS > Archive Title Display your archive titles stylishly and professionally. BS > Breadcrumb Improve your site navigation with this breadcrumb block. BS > Button Create stylish and responsive buttons that are highly customizable. BS > Container This block allows you to create responsive containers for your content. It also doubles as row, column and card blocks. BS > Counter Display numbers dynamically and engagingly with this counter block. BS > Gallery Showcase your images in a beautiful and responsive gallery. BS > Heading Create headings that stand out and match your theme. BS > Icon Box Add icons to your site with this easy-to-use block. BS > Image Display your images in a stylish and responsive manner. BS > Map Add interactive maps to your site with this block. BS > Nav Create a responsive navigation menu for your site. BS > Nav Dropdown Add dropdown menus to your navigation with this block. BS > Nav Item Add individual items to your navigation menu. BS > Navbar Create a stylish and responsive navigation bar. BS > Navbar Brand Display your brand/logo in your navigation bar with this block. BS > Pagination Improve your site navigation with this pagination block. BS > Post Excerpt Display post excerpts stylishly and engagingly. BS > Post Info Showcase your post info with this block, including author, dates, comments, reading time, etc. BS > Post Title Display your post titles stylishly and professionally. BS > Search Add a search function to your site with this block. BS > Shape Divider Add stylish dividers to your site with this block. BS > Share Make it easy for your visitors to share your content with this social share block. BS > Skip Links Improve your site accessibility with this skip links block. BS > Tab Create tabs for your content with this block. BS > Tabs Organize your content in a stylish and responsive tabs layout. BS > Accordion Display your content in a dynamic accordion layout. BS > Accordion Item Add individual items to your accordion with this block. BS > Contact Form Add a simple and easy contact form to your site with this block. BS > Rating Add star rating icons to your posts. (can also be used to output GeoDirectory post ratings) BS > Scroll Top Add a button to the page so users can scroll back to the top of the page easily. BS > Modal Add a modal (popup) to the page containing any content. BS > Offcanvas Add an Offcanvas element to the page containing any content. BS > Alert Add an Alert element to the page to show important information. BS > Headline Add an animated headline to your site, this supports highlight and animations. Get BlockStrap Today! Take your WordPress site to the next level with the BlockStrap plugin. Experience the power of Bootstrap in your WordPress block editor today!

Bootstrap Gutenberg Blocks for WordPress. This plugin adds Bootstrap components and layout options as Gutenberg blocks. Features Supports Bootstrap v5 and v4 Support for CSS grid (experimental) Fully customizable with filters Configuration via option page or programmatically with constants Block templates can be overwritten in your theme The full documentation of this plugin can be found on GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme Available Blocks Container Options: Fluid: If enabled the container will use the full available width, spanning the entire width of the viewport. Fluid Breakpoint: Used to enable responsive containers. This feature only works with Bootstrap v4.4+. The container will use 100% of the width until the specified breakpoint is reached, after which the defined max-widths will apply for each of the higher breakpoints. Margin After: Define a margin which should be added after the container. Row Options: Template: Choose from a predefined template for the inner column blocks. No Gutters: Disable gutters between columns. Alignment: Horizontal alignment of inner column blocks. Vertical Alignment: Vertical alignment of inner column blocks. Editor stack columns: Displays stacked columns in the editor to enhance readability of block content. Horizontal Gutters: Size of horizontal gutters. Vertical Gutters: Size of vertical gutters. CSS Grid Gutters: Size of gutters when CSS grid is used. Column Options: Sizes for all breakpoints (xxl, xl, lg, md, sm, xs): How much space the column should use for the given breakpoint. Equal width for all breakpoints (xxl, xl, lg, md, sm, xs): If enabled column will spread width evenly with other columns. Background Color: Set background color to column. Content vertical alignment: Align content vertically in column. This option is only needed if a background color is set. Otherwise use the Alignment option of the outer row block. Padding: Define padding inside the column. Button Options: Style: Choose the styling of the button. Open in new tab: Choose if link should be opened in a new tab. Rel: Set rel attribute of the link. Alignment: Horizontal alignment of the button. Supported Bootstrap versions This plugin supports Bootstrap v4 and v5. The version can be selected in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION constant in the wp-config.php file: Bootstrap 4: define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '4' ); Bootstrap 5 (default): define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '5' ); Possible values right now are '4' or '5'. By default Bootstrap version 5 is selected. CSS Grid The CSS grid (supported with Bootstrap >= 5.1.0) can be enabled in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID constant in the wp-config.php file: eg. define( 'WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID', true ); When the CSS grid is enabled the row and the column blocks will use custom templates for the rendering process: Row: row-css.grid.php Column: column-css-grid.php The support is still experimental since it’s also marked as experimental in the Bootstarp library. Please read the official Bootstrap documentation to get more information on how to use it. Bootstrap library Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. We decided not to include the library so that you can modify Bootstrap to your own needs before loading it. You’ll find an example how to include it in your theme’s functions.php in the documentation. Templates All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme. To overwrite a block template create a folder called wp-bootstrap-blocks/ in your theme directory. You can copy the original template from wp-bootstrap-blocks/src/templates/ .php as a starting point and adjust it to your needs. Requirements WordPress >= 5.0 PHP >= 5.6 Further Information Documentation: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme WordPress Plugin: https://wordpress.org/plugins/wp-bootstrap-blocks GitHub Repository: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin Changelog: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/releases Issue tracker: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/issues