How to remove border from bootstrap card?

HTML-CSS
1

I want to remove the botom border from the bootstrap card body.I have tried many things .Here is my code.

                    <img src="images/Mask Group.png" class="card-img-top" alt="...">

                    <div class="card-body">

                        <h5 class="card-title">Prestige High-Cut Leather </h5>

                        <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis,

                            asperiores?.</p>

                    </div>

                    <div class="card-footer d-flex justify-content-between">

                        <h2>$234</h2>

                        <button class="submit"><i class="fas fa-shopping-cart"></i>BUY NOW</button>

                    </div>

                </div>

https://codepen.io/somen18/pen/VwKVddo

2

Do you mean the line between body and footer?

.card-footer {
border-top: 0;
}

In order to make this code work in codepen you have to remove the <head> section and add the bootstrap cdn link inside the pen settings.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.