/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

5 votes285 views3 answers
Mdb bootstrap textarea
Html
50 votes300 views6 answers
Bootstrap display block
Html
120 votes302 views6 answers
Html redirect to another page
Html
1 vote261 views1 answer
Javascript wait window load
Html
0 vote301 views1 answer
How to find the immediate parent in xpath
Html
2 votes292 views2 answers
Material ui width textfield
Html
0 vote308 views1 answer
Counterup html
Html
0 vote274 views2 answers
Prevent user from typing e,+,- from number input
Html
1 vote292 views1 answer
What is dir attribute in html
Html
1 vote270 views1 answer
What file extension sould you use to save a website
Html