title: How to create additional row within a column
body: <p>I have created a row, within my header.php file, that has been split into 5 columns.  I want to 'group' the first 2 columns together with the remaining 3 columns also 'grouped' together.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div&gt;
    &lt;div class="col-sm-3" id="first-column"&gt;Text One&lt;/div&gt;    //First Column
    &lt;div class="col-sm-3" id="first-column"&gt;Text Two&lt;/div&gt;    //First Column
    &lt;div class="col-sm-2" id="second-column"&gt;Text Three&lt;/div&gt; //Second Column
    &lt;div class="col-sm-2" id="second-column"&gt;Text Four&lt;/div&gt;  //Second Column
    &lt;div class="col-sm-2" id="second-column"&gt;Text Five&lt;/div&gt;  //Second Column 
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have 'grouped' the texts together by entering the following in my css file:</p>
  
  <pre><code>#first-column{
      background: #000000;
      color: #ffffff;
      padding: 15px;
  }
  #second-column{
      background: #ffffff;
      color: #000000;
      padding: 15px;
  }
  </code></pre>
  
  <p>As a way to 'separate' the 2 columns, I have used css to apply a different colour to each column.  Now, I would like to apply a column title to the second column but not the first column.  </p>
  
  <p>Does anyone know of how best to approach this?  I have followed a few tutorials but it has not achieved the exact goal I am looking for.</p>
  
  <p>I feel it is one of those 'ease when you know how' tasks, so hopefully it will be straight forward.</p>