css 如何使只是一个卡在引导

30byixjq 于 2024-01-09 发布在其他

关注(0)|答案(2)|浏览(118)

我试着让这个

的数据
但我不知道该怎么做

<div class="row justify-content-center">
  <div class="col-3 me-3" style="background-color: #F1F3F8; border-radius: 10px;">
    <div class="row">
      <div class="col-6">
        <img src="/src/photos/event_upcoming.svg" class="img-fluid mx-auto" />
      </div>
      <div class="col-6">
        <p>Срок обучения<br>6 месяцев</p>
      </div>
    </div>
  </div>
</div>

字符串

css

来源：https://stackoverflow.com/questions/77723054/how-to-make-just-a-card-in-a-bootstrap

2条答案

按热度按时间

xxe27gdn1#

请找到下面的输出，让我知道，如果有任何疑问的CSS

.c-light {
    color: #7e8591;
  }
  .c-black {
    color: black;
  }

个字符

赞(0）回复(0）举报 2024-01-09

7uzetpgm2#

你可以这样简单地实现它：

HTML：

<div class="main-card">
  <div class="icon-holder">
    YOUR ICON
  </div>

  <div class="title-holder">
    <p>Title</p>
    <p>Sub-Title</p>
  </div>
</div>

字符串

CSS

.main-card {
    ** THIS WILL HAVE THE CARD DESIGN CSS ** 
    **AND**
    display: flex;
    align-items: center;
}

.title-holder {
    display: flex;
    flex-direction: column;
}

型

赞(0）回复(0）举报 2024-01-09

我来回答

css 如何使只是一个卡在引导

2条答案

相关问题

热门标签

最新问答