/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 vote347 views1 answer
H = (h < 10) ? "0" + h : h;
Html
1 vote348 views2 answers
How to add preloader in html page
Html
1 vote333 views1 answer
Html cursief
Html
18 votes351 views3 answers
Html template start
Html
0 vote366 views3 answers
How to add image in html from a folder
Html
1 vote335 views2 answers
Router link @click
Html
0 vote354 views1 answer
Java ee static html
Html
-2 votes330 views3 answers
How to insert a banner in html
Html
36 votes361 views6 answers
Html iframe tag
Html
3 votes322 views1 answer
Full Stack web dev meanin
Html