/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 vote236 views1 answer
Which attribute use in html show decided password site:stackoverflow.com
Html
0 vote134 views1 answer
Mote
Html
0 vote155 views1 answer
Google Books Embedded Viewer API Example
Html
0 vote137 views1 answer
HTML entities must be escaped
Html
1 vote155 views1 answer
Nuxt route id nuxt link
Html
-2 votes136 views1 answer
Change transparancy img css
Html
0 vote149 views1 answer
Textbox password php
Html
52 votes141 views6 answers
Play audio on click javascript
Html
2 votes143 views2 answers
Add image icon bootstrap
Html
0 vote146 views1 answer
Html input tooltip
Html