/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 vote169 views1 answer
Html element hover helptext
Html
-2 votes164 views1 answer
Post request html android
Html
57 votes160 views2 answers
Dot select html
Html
25 votes159 views3 answers
Html to text
Html
3 votes146 views2 answers
Tr tag
Html
2 votes145 views1 answer
Regular expression to look for html tags
Html
0 vote153 views1 answer
Convert rtf to html
Html
2 votes156 views2 answers
Add google search bar to our website in html
Html
-1 vote147 views1 answer
Link style sheeet
Html
0 vote149 views1 answer
Align buttons next to each other bootstrap
Html