/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 vote251 views1 answer
Mailto html multiple addresses
Html
0 vote223 views1 answer
How to hack nasa with html
Html
0 vote241 views1 answer
Html iframe only show part of page
Html
4 votes295 views1 answer
Syntax highlighting library
Html
5 votes223 views2 answers
Xpath element that contains text
Html
44 votes224 views3 answers
Link to another page in html
Html
0 vote206 views1 answer
Bootstrap dl
Html
0 vote220 views1 answer
Nigeria naira code
Html
0 vote232 views1 answer
12,3 x 4,8
Html
0 vote233 views1 answer
Details summary html5
Html