/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 vote152 views1 answer
Postgres default port
Html
0 vote160 views1 answer
How to detect play button on html video player
Html
0 vote110 views1 answer
Get value from dropdown
Html
0 vote158 views1 answer
Fix character wpf missing
Html
0 vote150 views1 answer
Color
Html
4 votes153 views1 answer
Rotate an image on hover CSS
Html
7 votes154 views2 answers
How to create a link within an image in htm;
Html
0 vote169 views1 answer
Resgion html
Html
-1 vote160 views1 answer
Html conditional comments
Html
0 vote157 views1 answer
Input type=number 01
Html