/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

1 vote161 views1 answer
Change cursor to hand on hover
Html
1 vote170 views1 answer
Input type for website in html
Html
0 vote194 views1 answer
Createjs
Html
0 vote187 views1 answer
Write code faster in vscode
Html
0 vote184 views1 answer
Livewire wire loading remove attribute
Html
14 votes179 views2 answers
How to display entered text when a button is clicked in html
Html
1 vote181 views1 answer
Codewithmarley
Html
3 votes189 views3 answers
Img svg not loading
Html
-6 votes168 views2 answers
How do you make a heading in html\
Html
0 vote168 views1 answer
Html fecha mes y año
Html