Grav CMS Custom Page Template in Bootstrap: putting different content into rows and columns
<p>I have been following the Grav documentation (<a href="https://learn.getgrav.org/cookbook/general-recipes#render-content-in-columns" rel="nofollow">https://learn.getgrav.org/cookbook/general-recipes#render-content-in-columns</a>) to figure out how to do this, but haven't had much luck. The content for my page is in default.md, but I can't figure out to how place images and content into separate columns and rows. </p>

<p>I've included a screenshot of what I've created in HTML and CSS. Basically I want to put an image into the left column of a row, and details into the right column. See here: <a href="http://imgur.com/HuTSGw5" rel="nofollow">http://imgur.com/HuTSGw5</a></p>

<p>When I am editing the page template however, I only seem to have one "variable" (if that's the right word) controlling all the content. See my code for base.html.twig:</p>

<pre><code>&lt;div class="container"&gt;
        &lt;div class="row"&gt;
            &lt;div class="col-md-4"&gt;
                {% block content %} {# thumbnail image goes here #}
                {% endblock %}
            &lt;/div&gt; &lt;!-- COLUMN END --&gt;

            &lt;div class="col-md-8"&gt;
                {% block content %} {# album details go here #}
                {% endblock %}
            &lt;/div&gt; &lt;!-- COLUMN END --&gt;

        &lt;/div&gt; &lt;!-- ROW END --&gt;
</code></pre>

<p>How do I specify that a content block is specific for an image, and that another is specific for album details? </p>