/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

28 votes243 views6 answers
Phone html
Html
1 vote263 views1 answer
Href do nothing
Html
0 vote225 views1 answer
Convert markdown to styled html
Html
0 vote246 views2 answers
Input change angular event
Html
0 vote246 views1 answer
Italique html
Html
4 votes261 views3 answers
How to show a circular image in html
Html
0 vote243 views1 answer
Document.getElementByClassName("preview").innerHTML=src;
Html
0 vote262 views1 answer
Command for getting the .odoorc file
Html
4 votes241 views2 answers
Html hosting free
Html
0 vote241 views1 answer
Mobile menu bootstrap
Html