/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

22 votes116 views3 answers
How to link to an email in html
Html
0 vote118 views1 answer
How to insert an image in bootstrap 4
Html
8 votes74 views7 answers
Marquee tag in html
Html
9 votes110 views3 answers
Html lang
Html
0 vote113 views1 answer
How to make a vertical line on html
Html
1 vote166 views1 answer
Markdown table cell multiple lines
Html
0 vote131 views1 answer
How to embed math in html
Html
0 vote106 views1 answer
How to put a name to anchor in html
Html
1 vote108 views1 answer
<h1>
Html
7 votes116 views3 answers
Bs5 cdn
Html