/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 vote181 views1 answer
Spin the wheel html
Html
2 votes189 views1 answer
Hreflang html
Html
0 vote213 views1 answer
Checkbox onchange vue
Html
0 vote213 views1 answer
Html multi like tag indentation convention
Html
4 votes198 views3 answers
Ajax get html response
Html
8 votes213 views4 answers
Bootstrap 4 search bar
Html
0 vote190 views3 answers
Google drive embed code generator
Html
109 votes181 views6 answers
Html how to add an image
Html
59 votes197 views2 answers
Html round border
Html
0 vote199 views2 answers
Hoe to make a html page attractive
Html