/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

28 votes173 views3 answers
Meta viewport scale
Html
1 vote193 views1 answer
Handlebars teamplate script tag
Html
0 vote184 views2 answers
Laravel route explicit binding
Html
4 votes167 views2 answers
Subtracting fractions calculator
Html
0 vote221 views1 answer
Tailwind CSS Spinner Sizes
Html
0 vote188 views3 answers
Html entity double quote
Html
52 votes172 views3 answers
Bootstrap hide row
Html
0 vote137 views1 answer
Get city from location html
Html
4 votes174 views3 answers
Ajax get html response
Html
0 vote182 views1 answer
A _target
Html