.. wrapper CSS会更改我的引导卡的宽度,但不会更改高度

问题描述 投票:0回答:1

body {

padding-right: 30px;
padding-left: 30px;
padding-bottom: 30px;

background-color: #228B9D;

}

div.tron {
      padding-bottom: 40px;
    padding-right: 250px;
    padding-left: 250px;
}



.wrapper{
    width: 1000px;
    margin: 0 auto;


}

div.card-block {

padding-top: 15px;
padding-left: 15px;

}
   <div class="wrapper">
        <div class="container-fluid">
            <div class="card flex-row flex-wrap" >

             <img src="https://image.flaticon.com/icons/svg/1482/1482003.svg" alt="sop" style="background-color: #324A5E;">

        <div class="card-block">
            <h4 class="card-title">Title</h4>
            <p class="card-text">Description</p>

        </div>
        <div class="w-100"></div>
        <div class="card-footer w-100 text-muted">
             <a href="#" class="btn btn-primary">BUTTON</a>
        </div>
    </div>
        </div>
 </div>

[您好,我对网页编码非常陌生,似乎遇到了一个我不知道的小问题。我正在尝试通过CSS更改卡的高度。我已经将宽度设置为1000px,并且效果很好。但是,当我输入300px的高度时,它不会随卡改变任何东西。有什么理由只能改变宽度而不能改变高度吗?让我知道是否应该提供更多信息。谢谢!

html css bootstrap-4
1个回答
0
投票

根据我的判断,您的某些div似乎未正确对齐,我对其进行了重新格式化,现在可以调整高度的卡块大小

在这里看看:https://codesandbox.io/s/exciting-galileo-16u87

同样在您的CSS中,您不需要div.tron作为类,您可以只使用.tron,让我知道它是否仍然无法如您所愿

© www.soinside.com 2019 - 2024. All rights reserved.