I have block views on the first page in the "Content" region of the Bootstrap theme that I would like to display as follows:
_________________
| |
| another block |
|_________________|
| | |
| block1 | block2 |
|________|________|
Is there a way to do this easily, without using float left/right for block1/block2 (as Bootstrap using a grid layout using rows and columns)?
Normal Bootstrap syntax would make block1 go in the first <div class='col-md-6'>
element and block2 go in the second <div class='col-md-6'>
so that the two blocks appear as equal-sized columns.
I see that regions are laid out in themes/contrib/bootstrap/templates/system/page.html.twig.
If there is not an easy way to achieve the desired layout, do I need to somehow create a twig template, similar to page.html.twig, in my Bootstrap subtheme that defines say 2 side-by-side regions under the existing "Content" region (i.e. "Sub-Content Left" and "Sub-Content Right" regions)? If so, how is this done and how to make the template apply to a specific page?
I looked into Bootstrap Layouts and Display Suite, but it wasn't clear how to integrate the two to accomplish the above.
Thank you very much in advance for your help.