Title: All Bootstrap Blocks Author: all_bootstrap_blocks Published: 2021 年 10 月 18 日 Last modified: 2025 年 9 月 17 日 --- 搜索插件 ![](https://s.w.org/plugins/geopattern-icon/all-bootstrap-blocks_3e1a77.svg) # all-bootstrap-blocks * [详情](https://cn.wordpress.org/plugins/all-bootstrap-blocks/#description) * [评价](https://cn.wordpress.org/plugins/all-bootstrap-blocks/#reviews) * [开发进展](https://cn.wordpress.org/plugins/all-bootstrap-blocks/#developers) [支持](https://wordpress.org/support/plugin/all-bootstrap-blocks/) ## 描述 此插件已于 2026 年 6 月 18 日 关闭，无法下载。 此关闭是永久的。 原因：由作者请求。 ## 区块 该插件提供了 59 个区块. * Toast Push notifications to your visitors with a toast, a lightweight and easily customizable alert message. * Row Rows are wrappers for columns. Each column has horizontal padding (called a gutter) for controlling the space between them. This padding is then counteracted on the rows. * List Group List groups are a flexible and powerful component for displaying a series of content. * Tabs Create tabbed content that will show / hide based on the relevant tab being clicked. * Offcanvas Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin. * Column Modify columns with a handful of options for alignment, ordering, and offsetting thanks to our flexbox grid system. * Breadcrumb Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. * Spinner Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript. * Card Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. * Button Group Group a series of buttons together on a single line or stack them in a vertical column. * Content with Media Display headings, paragraphs and more alongside an image or video. * Div The Div block creates a
element with the ability to add whatever classes you want. This is great for building more complex custom layouts that utilise utility and helper classes provided by Bootstrap. * Carousel A slideshow component for cycling through elements—images or slides of text—like a carousel. * Column Break Breaking columns to a new line in flexbox requires a small hack: add an element with width: 100% wherever you want to wrap your columns to a new line. Normally this is accomplished with multiple .rows, but not every implementation method can account for this. * Nav and Tabs Navigation available in Bootstrap share general markup and styles, from the base .nav class to the active and disabled states. Swap modifier classes to switch between each style. * Alert Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. * Card Group Use card groups to render cards as a single, attached element with equal width and height columns. Card groups start off stacked and use display: flex; to become attached with uniform dimensions starting at the sm breakpoint. * Banner Choose from 3 different banner layouts with background images and videos. * Container Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport. * Strip Full width strip allowing background colours, images and videos. * Button Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. * Content Grid Choose from 2 different grid layouts to display your content. * Post Grid Choose from 2 different grid layouts to display your posts. * Icon Choose from 1600 Bootstrap icons. * 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. * Progress Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don’t use the HTML5 element, ensuring you can stack progress bars, animate them, and place text labels over them. * Accordion Build vertically collapsing accordions in combination with our Collapse JavaScript plugin. * Collapse The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. * Logos * Header * Media * Content with Media * Call to Action * Next and Previous * Search * Footer * Contact * Hero * Post Details * Posts * Content with Items * Modal Footer Add an optional footer within a modal. * Toast Header Add an optional header within an toast. * Carousel Item Add as many carousel items to a carousel as you wish. Each carousel item can have different layouts and content. * List Group Item Add list group items to a list group. If a URL is set then the item will be an tag otherwise it will be a
. * Toast body The building block of a toast is the .toast-body. Use it whenever you need a padded section within a toast. * Nav & Tab Item Add multiple items to your nav. * Card Footer Add an optional footer within a card. * Modal Header Add an optional header within a modal. * Modal body The building block of a modal is the .modal-body. Use it whenever you need a padded section within a modal. * Banner Item Add individual banner items within a banner. * Offcanvas body The building block of an offcanvas is the .offcanvas-body. Use it whenever you need a padded section within a offcanvas. * Card body The building block of a card is the .card-body. Use it whenever you need a padded section within a card. * Content Grid Item Add individual grid items within a content grid. * Card Header Add an optional header within a card. * Accordion Item Add individual accordion items within an accordion. * Dropdown Item Add as many dropdown items to a dropdown as you would like. Add an tag with a Link. Add a header to label sections of actions in any dropdown menu. Separate groups of related menu items with a divider. Place any freeform text within a dropdown menu with text. * Offcanvas Header Add an optional header within an offcanvas. ## 评价 ![](https://secure.gravatar.com/avatar/63667c318af93bdbdf183052671175075382f54ce150cc6886f4b0dc0f6b158f? s=60&d=retro&r=g) ### 󠀁[Life saver – Excellent for blogging](https://wordpress.org/support/topic/life-saver-excellent-for-blogging/)󠁿 [ashkanahmadi](https://profiles.wordpress.org/ashkanahmadi/) 2026 年 5 月 8 日 This plugin is definitely a life savor if your theme is BS-based. It’s great for blogging and I use it a lot. ![](https://secure.gravatar.com/avatar/eae928d5b8e052704718b4ef6b17dcd1114b0b6a70cc78c0d58b8c614ff880db? s=60&d=retro&r=g) ### 󠀁[free](https://wordpress.org/support/topic/free-34/)󠁿 [bigboss2000](https://profiles.wordpress.org/bigboss2000/) 2025 年 1 月 31 日 free ![](https://secure.gravatar.com/avatar/f9906e922f625dbf7166452da0851d2ef92731cc8032b02f873050f220cb2b2c? s=60&d=retro&r=g) ### 󠀁[Great Plugin and Support](https://wordpress.org/support/topic/great-plugin-and-support-1762/)󠁿 [Nick Watt](https://profiles.wordpress.org/irishnick/) 2024 年 9 月 27 日 In the process of building a new website for my running club. Have used Bootstrap before in previous web applications. However, first time building a CMS that novice IT users need to be able to update add/edit content, hence why using WordPress. This plugin allows me to build visually appealing and responsive webpages which I will be able to show others how to edit. I recently reached out to the developers to have a feature added to the carousel which is available in Bootstrap, but not a selectable option within the plugin. It was added within 24 hours and a new version deployed which I was able to install. Can’t argue with that kind of service. 5* Cheers Miles, it really is good 😁 ![](https://secure.gravatar.com/avatar/910b71345d418aaceb5c60d8eeca76836c1f87b049744056feb782e064500b78? s=60&d=retro&r=g) ### 󠀁[Very good plugin](https://wordpress.org/support/topic/very-good-plugin-2885/)󠁿 [lidtmeget](https://profiles.wordpress.org/lidtmeget/) 2024 年 9 月 16 日 1 回复 Easy to implement Bootstrap components in Gutenberg. Not difficult to teach clients to use. ![](https://secure.gravatar.com/avatar/b3844ed99214499a5a718a3cb00b54c6f69fbb5a4fe35b8465c851dcc465bab7? s=60&d=retro&r=g) ### 󠀁[Best Bootstrap Block Plugin](https://wordpress.org/support/topic/best-bootstrap-block-plugin/)󠁿 [Ben](https://profiles.wordpress.org/bene-2/) 2024 年 7 月 27 日 1 回复 I have tested many Bootstrap block plugins, but this one is definitely the best and most comprehensive. Particularly useful are features such as the ability to add links, background images, etc. to a lot of blocks, which is not possible with the standard Gutenberg editor. If I had something to complain about, it would be that the number of column spans in the device settings could perhaps be made a bit simpler or easier to find, but that’s no biggie. All in all, it’s an awesome plugin, and in case of issues, the author quickly provides bug fixes. ![](https://secure.gravatar.com/avatar/be03993581d3315bf3ebbc06b042853b2cf2f2cf0f45a4c3ab504d88c188c81f? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-39111/)󠁿 [grnaomi](https://profiles.wordpress.org/grnaomi/) 2024 年 6 月 25 日 I have already used Bootstrap and this plugin is a very helpful idea for people like me. I am giving 5 stars, hope they go ahead with this project. [ 阅读所有28条评价 ](https://wordpress.org/support/plugin/all-bootstrap-blocks/reviews/) ## 贡献者及开发者 「All Bootstrap Blocks」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ all_bootstrap_blocks ](https://profiles.wordpress.org/areoimiles/) [帮助将「All Bootstrap Blocks」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/all-bootstrap-blocks) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/all-bootstrap-blocks/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/all-bootstrap-blocks/)，或通过[RSS](https://plugins.trac.wordpress.org/log/all-bootstrap-blocks/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/all-bootstrap-blocks/)。 ## 额外信息 * 版本 **1.3.31** * 最后更新：**10 月前** * 活跃安装数量 **N/A** * 已测试的最高版本为 **6.8.5** * PHP 版本 ** 7.0 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/all-bootstrap-blocks/) * [高级视图](https://cn.wordpress.org/plugins/all-bootstrap-blocks/advanced/)