/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 vote263 views1 answer
How to insert computer code to html
Html
0 vote259 views1 answer
Mostrar codificación de carácteres html
Html
0 vote251 views1 answer
Vuejs @change only one time
Html
2 votes249 views1 answer
Disable textarea html
Html
3 votes258 views1 answer
Svg xlink
Html
0 vote243 views1 answer
HTML Links - Hyperlinks Example
Html
1 vote266 views1 answer
Flip an image js
Html
1 vote283 views1 answer
Input type for mobile in html
Html
5 votes264 views1 answer
Multi-line comment xml
Html
0 vote240 views1 answer
Twig not render
Html