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.