How does this work?

  • Resolved adamzeliasz

    (@adamzeliasz)


    9 months, 3 weeks ago

    I’m familiar with coding using Bootstrap. After installing the plugin, how can I code my own containers, rows, col, etc? I see that there are Wonder Blocks so I can choose pre-created patterns and templates. I’d like to create my own. I tried to use a WordPress block with the + button, and then chose “Code” and entered the code below but it doesn’t work:
    <div class=”container”> <div class=”row”> <div class=”col-md-8″>MD 8</div> <div class=”col-md-4″>MD 4</div> <div> </div>

    Could someone advise me? It might be a good idea to do a quick YouTube video tutorial.

Viewing 1 replies (of 1 total)
  • Plugin Author Miles

    (@areoimiles)

    Hi @adamzeliasz

    Thanks for reaching out!

    The purpose of the plugin is to allow you to create Bootstrap layouts directly in the WP editor without needing to write code so you shouldn’t need to code your own blocks.

    In the block editor click the + icon in the top left and you should see a list of blocks under “Bootstrap Layout” and “Bootstrap Components”, these blocks cover all of the different elements of Bootstrap so all you need to do is drag and drop the relevant blocks to your page in order to build up your layout. Click here to see a quick example.

    If you watch the video you will see I select the container block, this automatically adds a row block within the container and a column block within the row. I can then select each of these blocks and change the relevant settings as well as adding more blocks where needed.

    There’s a good tutorial written by Elegant Themes which you can view on this link.

    Hopefully, this is enough to get you started but if you need any more help feel free to get back in touch.

    Thanks
    Miles

Viewing 1 replies (of 1 total)
  • The topic ‘How does this work?’ is closed to new replies.