title: How to put some text in the center of a bootstrap row?
body: <p>There is a row which has four <code>col-sm-3</code> columns. I need to put some text in the center of this row which means the text need to span the 2nd column and the 3rd column.</p>
  
  <h2><a href="http://www.bootply.com/DETc95eyrI" rel="nofollow">Here is my Bootply</a></h2>
  
  <p>Here's some code:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-3" style="background-color:yellow"&gt;123&lt;/div&gt;
    &lt;div class="col-md-3" style="background-color:green"&gt;456&lt;/div&gt;
    &lt;div class="col-md-3" style="background-color:red"&gt;789&lt;/div&gt;
    &lt;div class="col-md-3" style="background-color:grey"&gt;000&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Plus: To clarify,I need the text to be overlayed on the same line.</p>