/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 vote107 views1 answer
Vmware workstation ubuntu 16.10
Html
1 vote133 views3 answers
Unsplash source
Html
0 vote104 views2 answers
Pdf Download button
Html
205 votes155 views6 answers
Lorem ipsum shortcut
Html
0 vote108 views1 answer
Thymeleaf html xmlns intellij setup
Html
0 vote106 views1 answer
How to embed link in text //ptwmjmp.com/?siteId=jasmin&categoryName=&pageName=home&performerName=&prm[psid]=Seb868&prm[pstool]=205_1&prm[psprogram]=revs&prm[campaign_id]=&subAffId={SUBAFFID}&filters=
Html
32 votes151 views6 answers
Bootstrap alert
Html
0 vote132 views1 answer
Resize the image in jupyter notebook
Html
0 vote66 views1 answer
On hover event
Html
0 vote105 views2 answers
Subscript html
Html