card button align bottom bootstrap

Sparkling Serval answered on November 30, 2021 Popularity 9/10 Helpfulness 6/10

answer card button align bottom bootstrap

card button align bottom bootstrap

Comment

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>

Popularity 9/10 Helpfulness 6/10 Language html

Source: stackoverflow.com

Tags: button card html

Link to this answer
Share Copy Link

Contributed on Nov 30 2021

Sparkling Serval

0 Answers Avg Quality 2/10

card button align bottom bootstrap

Contents

More Related Answers

card button align bottom bootstrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.