有时候我们在项目中需要实现图片上带着文字，如下图所示

image.png

在有关vue的bootstrap中框架中就有这样的介绍，在card部分

<div>
  <b-card overlay
          img-src="https://picsum.photos/900/250/?image=36"
          img-alt="Card Image"
          text-variant="white"
          title="Image Overlay"
          sub-title="Subtitle">
    <p class="card-text">
      Some quick example text to build on the card and make
      up the bulk of the card's content.
    </p>
  </b-card>
</div>

下面是原链接，可以点进去学习

https://bootstrap-vue.js.org/docs/components/card

bootstrap框架中的card样式
有时候我们在项目中需要实现图片上带着文字，如下图所示在有关vue的bootstrap中框架中就有这样的介绍，在c...
bootstrap(一)
GitHub上这样介绍 bootstrap：## 基本的HTML模板## 全局样式## Bootstrap框架的核...
七、Bootstrap
Bootstrap 什么是Bootstrap一个css框架twitter出品提供通用基础样式 Bootstrap4...
前端架构总结
1 、Bootstrap框架 Bootstrap的前端开发框架是指叠样式表（css），java脚本及html的一系...
Bootstrap - 全局样式
学习Bootstrap之前，传统前端开发过程中的问题： Bootstrap作为一套完善的前端样式框架：为我们提供了...
Boostrap 中的图片与图标
一. 图片在Bootstrap框架中对于图像的样式风格提供以下几种风格： .img-responsive：响应式...
Bootstrap基本使用操作
1 Bootstrap概述作为Web前端开发框架，Bootstrap集成了HTML标记、CSS样式以及JavaSc...
Bootstrap4 定制自己的颜色和风格
Bootstrap是现在最流行的CSS框架，有许多网站、后台管理系统的样式都是基于Bootstrap设计的。然而，...
定制你的bootstrap
bootstrap已经作为前端开发必不可少的框架之一，应用bootstrap使得我们对布局、样式的设定变得非常简单...
Bootstrap
第一个bootstrap模板样式移动端优先所有bootstrap js插件前先放jquery.js框架 Nor...