<div class="card shadow" style="width: 400px">
  <div class="card-body">
    <div class="text-left mb-3">
      <a href="#" class="btn btn-primary">Left align</a>
    </div>
    <div class="text-center">
      <a href="#" class="btn btn-primary">Center align</a>
    </div>
    <div class="text-right mb-3">
      <a href="#" class="btn btn-primary">Right align</a>
    </div>
  </div>
</div>
body {padding: 20px}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.bundle.min.js