/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 vote132 views1 answer
Node.js error cannot use import outside of module
Html
0 vote135 views1 answer
How to add bar notation in html
Html
0 vote147 views1 answer
Html-pdf Error: html-pdf: Received the exit code '127'
Html
30 votes137 views6 answers
Meta tags html
Html
0 vote153 views1 answer
Empty elements in html
Html
0 vote139 views1 answer
If n and m vary inversely given that n = 1.4, m =1.2 then the constant of proportionality = ________
Html
18 votes148 views3 answers
How to create white space in html
Html
-1 vote143 views1 answer
Html5 iframe youtube loop
Html
-1 vote141 views2 answers
How to make footer static bootsrap
Html
14 votes151 views5 answers
Pattern email validation
Html