/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

1 vote303 views1 answer
Ionic deactivate fab button
Html
33 votes291 views6 answers
Bootstrap div vertical center
Html
-1 vote307 views1 answer
Html href go back
Html
5 votes314 views2 answers
Iframe 100 responsive
Html
18 votes308 views3 answers
Default checked radio button
Html
4 votes326 views4 answers
How to make a paragraph in html
Html
0 vote340 views2 answers
How to call a script from another script in javascript
Html
1 vote323 views3 answers
Html email button
Html
0 vote323 views1 answer
How to darken a color with sass function
Html
0 vote327 views1 answer
Dot icon in html
Html