/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 vote229 views1 answer
Fixed size body html
Html
0 vote167 views1 answer
Login fa fa
Html
68 votes177 views13 answers
How to bold font in html
Html
-1 vote296 views4 answers
Bootsrap 4 6 cdn
Html
-2 votes196 views1 answer
How to do auto composing on jupyter notebook
Html
0 vote290 views1 answer
Draw vertical line tailwind css
Html
0 vote191 views1 answer
Cron job visit url each 15 min cpanel
Html
0 vote290 views1 answer
How to add href of messaGing IN ANCHOR TAG
Html
0 vote203 views1 answer
Defloration
Html
10 votes152 views2 answers
Remove html tags from string python
Html