Bootstrap 卡片边框厚度

Question

我试图在我的引导程序 4 卡中的整张卡周围添加更厚的边框。它应该更厚，但什么也没发生。我将在这里给出我的代码片段：

<div class="container">
    <div class="row">
        <div class="col-md-6 col-lg-3">
            <div class="card h-100">
                <img src="img/html.jpg" alt="HTML" class="card-img-top " style="display: block">
                <div class="card-block">
                    <h3 class="card-title"> Projects </h3>

                    <p class="font-weight-light"> hello world hello worldhello worldhello worldhello worldhello world</p>
                    <form action="https://www.w3schools.com/html/">
                        <button type="submit" class="btn btn-danger btn-lg btn-block">Learn More</button>
                    </form>
                </div>
            </div>
        </div>

还有我的 css：

 .card {
     border-style: 5px solid black;
     padding-bottom: 3%;
 }

 .row {
     padding-bottom: 15%;
 }

我能做些什么来达到最终结果吗？

谢谢。

Answer 1

border-style组合属性时无效。将其更改为border，它的工作原理。

 .card {
     border: 5px solid black;
 }

演示