title: Bootstrap 4 Reponsive Line Breaks
body: <p>I'm not finding anything in the documentatin to point me in the right direction here and I'm trying to avoid using <code>columns</code> since that could leave gaps between the wording.</p>
  
  <p>I'm displaying the days date on the top of my site using <code>echo date('l') . "&lt;br&gt;" . date('F d, Y');</code>. Which displays the date like this but centered:</p>
  
  <p><code>Friday
  November 03, 2017</code></p>
  
  <p>On small screens such as phones I'd like for it to display as <code>Friday November 03, 2017</code> without the line break. </p>
  
  <p>I know I could easily just do this and achieve it but it creates gaps between the words since the columns are even in size:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-sm-6 col-md-12"&gt;
  &lt;?php echo date('l'); ?&gt;
  &lt;/div&gt;
  &lt;div class="col-sm-6 col-md-12"&gt;
  &lt;?php echo date('F d, Y'); ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Are there any other ways to achieve this?</p>
  
  <p>What I mean by gap is <code>Friday [gap here due to column space] November 03, 2017</code>.</p>