/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

1 vote214 views1 answer
How to add double space in html
Html
50 votes186 views2 answers
Html input label
Html
0 vote424 views2 answers
Html cite
Html
0 vote182 views2 answers
Electron draggable
Html
1 vote149 views1 answer
Safe webp image usage html
Html
8 votes184 views1 answer
Jquery load data
Html
3 votes193 views2 answers
Basico html
Html
1 vote182 views1 answer
Form multipart/form-data
Html
1 vote192 views1 answer
Href onclick do nothing
Html
108 votes226 views6 answers
What is padding in html
Html