/Html/Card button align bottom bootstrap

Card button align bottom bootstrap

Add d-flex flex-column to card-body class,
Add mt-auto to button class.


<div class="card-body d-flex flex-column">
 <h2>Plan Name</h2>
  <p>Feature 1</p>
  <p>Feature 2</p>
  <p>Feature 3</p>
  <button type="button" class="mt-auto btn btn-lg w-100 btn-outline-dark">Sign Up</button>

Source: stackoverflow.com

Similar codes

15 votes140 views1 answer
Select html
Html
3 votes119 views3 answers
Bootstrap 4 image thumbnail class
Html
3 votes202 views1 answer
Html form button don't submit
Html
0 vote154 views1 answer
Html mobile app template
Html
-1 vote128 views2 answers
Simplecss cdn
Html
0 vote129 views1 answer
Checkbox onchange vue
Html
0 vote87 views1 answer
@endguest
Html
1 vote127 views1 answer
Nuxt link relative path
Html
0 vote208 views1 answer
Access django object in html
Html
4 votes123 views2 answers
Clickable images html
Html