/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 vote121 views1 answer
Add ruby title html erb icon
Html
-1 vote108 views1 answer
Send html email from outlook
Html
0 vote191 views3 answers
How to load html code in web browser in c# vs
Html
0 vote133 views2 answers
Laravel route explicit binding
Html
0 vote114 views1 answer
How to change mouse into hand icon when you hover over something in html
Html
0 vote121 views2 answers
Ionic disable input field
Html
15 votes114 views5 answers
Audio in html
Html
0 vote119 views1 answer
Vue paragraph not showing when class applied to it
Html
0 vote125 views1 answer
Html marquee space between images
Html
0 vote120 views4 answers
Twig format datetime
Html