/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 vote138 views4 answers
Dm command discord.js
Html
8 votes142 views1 answer
Title
Html
7 votes132 views2 answers
Onclick reportrange html
Html
1 vote134 views1 answer
Html.erb conditionally add class
Html
0 vote146 views1 answer
Link phone in safari
Html
1 vote150 views2 answers
Add icon website
Html
0 vote157 views1 answer
Tailwind CSS List group
Html
0 vote139 views1 answer
How to connect alert and document.location in html
Html
9 votes157 views1 answer
Select all instances vscode
Html
0 vote163 views3 answers
Python Video Playing
Html