/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

21 votes333 views3 answers
Scrollable div
Html
0 vote315 views3 answers
Scroll elementleft using js
Html
19 votes317 views3 answers
Radio input value
Html
3 votes303 views5 answers
Vuejs v-on
Html
0 vote354 views1 answer
Flex inside flex mr-auto not working
Html
0 vote329 views1 answer
Iframe - Full Screen - HTML
Html
5 votes326 views6 answers
Html button remove border on click
Html
0 vote416 views1 answer
Radio button unchecked html jquery
Html
44 votes324 views3 answers
Link to another page in html
Html
3 votes343 views2 answers
Text nowrap
Html