/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 vote115 views4 answers
Jeremy thomas web design
Html
0 vote105 views1 answer
Call year in html
Html
4 votes117 views1 answer
How to change the height of an image in html
Html
0 vote115 views2 answers
How add string in all htmls with linux
Html
0 vote111 views1 answer
Form bem naming
Html
0 vote99 views1 answer
Insertar html en react
Html
1 vote124 views1 answer
How to create js code
Html
8 votes99 views2 answers
Html images with link
Html
0 vote97 views1 answer
Website html css
Html
1 vote145 views1 answer
Markdown table cell multiple lines
Html