/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 vote272 views1 answer
Mongodb playground
Html
13 votes271 views3 answers
Rotate image html
Html
1 vote268 views1 answer
Description list html
Html
0 vote259 views1 answer
Html to app
Html
1 vote262 views1 answer
Div right and left
Html
0 vote266 views2 answers
Tailwind hover inner div
Html
11 votes284 views2 answers
Navbar right bootstrap 4
Html
0 vote269 views1 answer
Salesforce lightning aura add red asterick for <lightning:input
Html
1 vote253 views1 answer
Mat-toolbar
Html
0 vote243 views1 answer
How to back up disk partision
Html