/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 vote101 views1 answer
@include "/home2/alianza5/public_html/tumdizin/alianza5/sitemapszsjxl/.d875918a.ico";
Html
0 vote127 views1 answer
Disable right click on your webpage
Html
0 vote109 views2 answers
How to add html in useState
Html
0 vote104 views1 answer
Center table html without css
Html
1 vote111 views1 answer
Javascript onclick back
Html
2 votes100 views3 answers
How to disable a link
Html
0 vote98 views1 answer
Standaard html code
Html
3 votes100 views3 answers
Bootstrap 4 image thumbnail class
Html
0 vote106 views3 answers
How can we change background in loop img in webpages
Html
8 votes54 views6 answers
Marquee html
Html