/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 vote301 views1 answer
How to add subtitle file in a movie in html
Html
0 vote296 views1 answer
Display letter in html element letter by letter
Html
1 vote311 views2 answers
Html open email program
Html
1 vote285 views1 answer
Add asterisk field in js
Html
0 vote290 views1 answer
How to include the trademark symbol in html
Html
0 vote350 views1 answer
How to give h1 h2 in r studio
Html
2 votes330 views1 answer
Nuxt v-for key value
Html
18 votes297 views3 answers
How to create white space in html
Html
2 votes278 views2 answers
Html q tag
Html
11 votes395 views2 answers
Text -center bootstrap
Html