如何使用CSS在Bootstrap中顯示圖片

在Bootstrap中，可以使用CSS來(lái)顯示圖片，以下是一些常用的方法：

1、使用img標(biāo)簽：在HTML中使用img標(biāo)簽來(lái)插入圖片，然后通過(guò)CSS來(lái)設(shè)置圖片的大小、位置等樣式。

<img src="image.jpg" class="img-responsive">

.img-responsive {
  max-width: 100%;
  height: auto;
}

2、使用背景圖片：在CSS中設(shè)置背景圖片，然后將其應(yīng)用到一個(gè)元素上。

.element {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

3、使用flex布局：在CSS中使用flex布局來(lái)顯示圖片，可以方便地控制圖片的位置和大小。

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-item {
  max-width: 100%;
  height: auto;
}

<div class="flex-container">
  <img src="image.jpg" class="flex-item">
</div>

是一些常用的方法，可以根據(jù)具體的需求選擇適合的方法，也要注意圖片的加載和性能優(yōu)化，避免對(duì)網(wǎng)頁(yè)造成不必要的影響。