/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

4 votes189 views3 answers
Html checkbox default checked
Html
1 vote192 views4 answers
Ck editor cdn
Html
0 vote199 views1 answer
Pgadmin erd tool existing database
Html
0 vote188 views2 answers
How to type the copyright symbol
Html
0 vote185 views1 answer
Userecoilstate vs userecoilvalue
Html
7 votes171 views1 answer
Bootstrap error card
Html
0 vote186 views1 answer
Multiple forms in the same line html
Html
9 votes156 views1 answer
Html5 syntax vs xml
Html
8 votes187 views6 answers
Bootstrap jumbotron
Html
4 votes198 views4 answers
Email regex html pattern
Html