/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 vote326 views1 answer
Html flag icons
Html
21 votes378 views4 answers
Disable browser autocomplete
Html
15 votes313 views1 answer
Tabulation html
Html
1 vote335 views1 answer
Handlebars teamplate script tag
Html
6 votes317 views10 answers
Array
Html
0 vote312 views1 answer
Remove auto zoom on smartphone website
Html
1 vote326 views1 answer
Bootstrap textarea width
Html
5 votes297 views2 answers
Html table span 2 rows
Html
28 votes306 views3 answers
Meta scale html
Html
0 vote323 views1 answer
Fee receipt format html
Html