# How to remove border from bootstrap card?

**URL:** <https://forum.freecodecamp.org/t/how-to-remove-border-from-bootstrap-card/440614>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [January 14, 2021, 5:29pm UTC](https://forum.freecodecamp.org/t/how-to-remove-border-from-bootstrap-card/440614 "2021-01-14T17:29:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![somen18](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/somen18/32/183391_2.png) [@somen18](https://forum.freecodecamp.org/u/somen18)\
**Post date:** [January 14, 2021, 5:29pm UTC](https://forum.freecodecamp.org/t/how-to-remove-border-from-bootstrap-card/440614/1 "2021-01-14T17:29:13Z")

</div>

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](https://codepen.io/somen18/pen/VwKVddo)

---

<div class="post-metadata">

**Author:** ![Fritz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fritz/32/158738_2.png) [@Fritz](https://forum.freecodecamp.org/u/Fritz)\
**Post date:** [January 15, 2021, 12:21am UTC](https://forum.freecodecamp.org/t/how-to-remove-border-from-bootstrap-card/440614/2 "2021-01-15T00:21:26Z")

</div>

Do you mean the line between body and footer?

```auto
.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.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [July 16, 2021, 12:21pm UTC](https://forum.freecodecamp.org/t/how-to-remove-border-from-bootstrap-card/440614/3 "2021-07-16T12:21:28Z")

</div>

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