/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

5 votes277 views6 answers
Javascript tutorial
Html
59 votes274 views2 answers
Text-muted
Html
214 votes362 views6 answers
Adding css to html
Html
0 vote281 views1 answer
How to make things move in unity
Html
2 votes289 views1 answer
Button verlinken html
Html
1 vote297 views1 answer
Two buttons in same form
Html
0 vote283 views1 answer
Testing the dom api
Html
68 votes305 views4 answers
Favicon in html document
Html
2 votes296 views1 answer
Vue router link dynamic id
Html
0 vote324 views1 answer
Divi font awesome
Html