Advanced Bootstrap Blocks

• Advanced, Bootstrap

40 seconds. (347 words)

advanced-bootstrap-blocks

This plugin adds flexible Bootstrap 4 blocks to the WordPress editor which allow content-creators to build their own custom page layouts using the Bootstrap grid and helper classes.

The following Bootstrap components are currently available:

  • Container – fixed-width or fluid, inline background image
  • Row
  • Column
  • Button

This plugin provides 3 blocks.

advanced-bootstrap-blocks/column
Column (BS4)
advanced-bootstrap-blocks/row
Row (BS4)
advanced-bootstrap-blocks/container
Will this plugin apply Bootstrap styles or scripts available to my theme?

No. Bootstrap 4 styles have been included in the Gutenberg editor but need to be added to your theme for these blocks to appear correctly on your public-facing website.

This plugin is developed, tested, and is intended to be used with Understrap.

This plugin is giving me trouble. Can you help?

Yes. This plugin is under active development and maintenance–your feedback is important.

Please submit issues, feature requests through the support page, or browse the source at https://gitlab.com/helpful.dev/advanced-bootstrap-blocks.

Nice work – with this plugin and the power of Bootstrap I am finally convinced using the new Gutenberg Editor.


Read all 1 review

“Advanced Bootstrap Blocks” is open source software. The following people have contributed to this plugin.

Contributors

1.1.0

  • Added Card, CardHeader, and CardBody blocks
  • Added Bootstrap Classes inspector utility for toggling BS4 classes

1.0.10

  • Added background size, repeat, and position settings to Container Background Image settings
  • Fixed namespacing and inheritance issues with editor-specific Bootstrap grid styles
  • Removed unneeded wrapping div from around Container in WP editor

1.0.9

  • Fixed bug with Container save markup
  • Fixed bug with Button text state

1.0.8

  • Added background-image selector to Container block (adds style="background-image:url();" to Container markup)

1.0.7

  • Refined Button block (add URL picker, button text is directly editable)
  • General UI improvements

1.0.6

  • Made column .offset-* classes available in editor
  • Updated Button editor UI (per standards in WP editor handbook)
  • Improved block selection w/ CSS pointer-events

1.0.5

  • All Bootstrap styles now included in editor by default (this may change in the future)
  • Fixed bug with omission of custom container classNames in editor
  • Increased padding around main container layout

1.0.4

  • Added basic Button component (with style, block, size, outline, new-window settings)
  • Minor README changes

18 comments

  2. You actually make it seem so easy with your presentation but I find this matter to
    be actually something that I think I would never understand.
    It seems too complicated and very broad for
    me. I am looking forward for your next post, I will try to get the hang
    of it!

  3. Can I simply say what a relief to uncover an individual who actually understands what they are discussing on the net.

    You certainly understand how to bring a problem to light and make it important.

    A lot more people should look at this and understand this side of the story.
    I was surprised you’re not more popular since you definitely have the gift.

  4. Hi everyone, it’s my first go to see at this web page, and post
    is in fact fruitful in support of me, keep up posting such articles or reviews.

  5. I’m not positive where you’re getting your info, however good topic.
    I needs to spend a while learning more or figuring out more.
    Thanks for magnificent info I used to be looking for this information for my mission.

  6. I know this web site gives quality based articles
    or reviews and other information, is there any other web page which presents these information in quality?

  7. Useful info. Lucky me I discovered your website accidentally, and I’m shocked why this accident did not came about in advance!
    I bookmarked it.

  8. I have been surfing online more than 3 hours today, yet I never found any interesting article
    like yours. It’s pretty worth enough for me. Personally, if all site owners and bloggers made good content as you did,
    the web will be a lot more useful than ever before.

  9. Magnificent beat ! I would like to apprentice
    while you amend your site, how could i subscribe for
    a blog site? The account aided me a acceptable deal.
    I had been a little bit acquainted of this your broadcast provided bright clear idea

  10. Hey! Someone in my Myspace group shared this website with us so I came to look it
    over. I’m definitely loving the information. I’m book-marking and will be tweeting this to my followers!

    Exceptional blog and great design and style. scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

  18. Great website you have here but I was wondering if you knew of any discussion boards that cover the same topics discussed
    in this article? I’d really love to be a part of online community where I can get comments from
    other knowledgeable individuals that share the same interest.
    If you have any suggestions, please let me know. Many thanks!

Leave a Reply

Your email address will not be published.