/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

0 vote132 views1 answer
How to put more than one javascript function in an html tag
Html
-1 vote140 views2 answers
Bootstrap 5 left div
Html
8 votes125 views2 answers
Base64 image html example
Html
3 votes129 views1 answer
Svg xmlns
Html
3 votes135 views1 answer
Html form date of birth
Html
0 vote122 views1 answer
How to make a div a checkbox html
Html
3 votes123 views3 answers
Pattern for email id in html
Html
0 vote118 views1 answer
Scrool immagini html
Html
0 vote131 views1 answer
Set-MsolDomainAuthentication disable
Html
1 vote148 views1 answer
Empty link
Html