/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

2 votes234 views1 answer
Single page html template
Html
7 votes287 views4 answers
Html sample code
Html
3 votes277 views3 answers
Pattern for email id in html
Html
1 vote278 views1 answer
Vertical break html
Html
4 votes273 views1 answer
Tailwind push footer always to bottom of screen
Html
0 vote279 views1 answer
Asp.net mvc go to page
Html
1 vote269 views1 answer
Html scroll div to top
Html
0 vote253 views1 answer
My dixon earbuds are not in sync
Html
1 vote264 views1 answer
Disabled input fields vue
Html
8 votes287 views3 answers
Titles html
Html