title: Bootstrap 4, How do I center-align a button?
body: <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-12 col-sm-12 col-md-8"&gt;
        &lt;div v-for="job in job"&gt;
          &lt;div class="text-center"&gt;
            &lt;h1&gt;{{ job.job_title }}&lt;/h1&gt;
            &lt;p&gt;&lt;strong&gt;Google Inc. &lt;/strong&gt; - {{ job.location }}&lt;/p&gt;
            &lt;h2&gt;&lt;u&gt;Job Description&lt;/u&gt;&lt;/h2&gt;
          &lt;/div&gt;
          &lt;p v-html="desc"&gt;&lt;/p&gt;
          &lt;p class="text-center"&gt;Posted: {{ formatDate(job.date_created) }}&lt;/p&gt;
          &lt;button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary"&gt;{{ buttonText }}&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="hidden-sm-down col-md-4"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can't figure out how to center this button. In BS 3 I would just use center-block but that's not an option in BS4. Any advice?</p>