/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

52 votes218 views6 answers
Html stands for
Html
0 vote222 views1 answer
How to make a card using bootstrap
Html
8 votes256 views2 answers
How to change tab icon in html
Html
1 vote258 views1 answer
Html hide a div by default
Html
4 votes257 views4 answers
How to run vscode as root
Html
6 votes247 views3 answers
Html head
Html
1 vote245 views1 answer
Draggable html
Html
-1 vote244 views1 answer
Tailwind border style
Html
0 vote241 views1 answer
Selectize add properties to item from html
Html
-3 votes230 views6 answers
Bootstrap toast
Html