/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

59 votes210 views2 answers
Html round border
Html
4 votes328 views6 answers
Uncaught ReferenceError: $ is not defined
Html
1 vote205 views1 answer
Spawn mob without ai
Html
0 vote209 views1 answer
Convert html datetime-local to java LocalDateTime
Html
84 votes187 views6 answers
Html radio button
Html
1 vote231 views2 answers
How to move navlink to the right in bootstrap
Html
0 vote225 views1 answer
Lpluguin de whatsapp para html
Html
0 vote217 views1 answer
Was not loaded because its mime type, “text/html”, is not “text/css”. react
Html
2 votes211 views2 answers
Html button send post request
Html
2 votes214 views1 answer
Display image in twig
Html