title: Using bootstrap - text to match parent div width on browser resize
body: <p>I am using bootstrap and I have a background img that is aligned to the center of timer-background. I want subtext and big-text width to change to be 100% of timer-background so that I can center align them.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class='col-xs-4'&gt;
      &lt;div class='borders timer-background'&gt;
              &lt;span class='subtext'&gt;june&lt;/span&gt;&lt;span class="big-text"&gt;05&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.timer-background {
       background: url(../assets/timer_background.png) center center no-repeat;
  }
  
  .big-text {
       font-family: 'Tulpen One', cursive;
       color: #ffffff;
       font-size: 120px;
     }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/jPsLQ.png" alt="date image"></p>