圖片與圖表

用镜头捕捉体育的激情！IM体育为您搜罗最 the freshest 的赛事图片，让您身临其境感受每一个精彩瞬间。

Bootstrap 文件

圖片形狀

<!-- Square image (default) -->
<img src="path-to-image" alt="Square image">

<!-- Rounded image -->
<img src="path-to-image" class="rounded-3" alt="Rounded image">

<!-- Circle image -->
<img src="path-to-image" class="rounded-circle" alt="Circle image">

// Square image (default)
img(src="path-to-image", alt="Square image")

// Rounded image
img(src="path-to-image", alt="Rounded image").rounded-3

// Circle image
img(src="path-to-image", alt="Circle image").rounded-circle

縮圖

<!-- Square thumbnail -->
<img src="path-to-image" class="img-thumbnail" alt="Square image">

<!-- Rounded thumbnail -->
<img src="path-to-image" class="img-thumbnail rounded" alt="Rounded image">

<!-- Circle thumbnail -->
<img src="path-to-image" class="img-thumbnail rounded-circle" alt="Circle image">

// Square tumbnail
img(src="path-to-image", alt="Square image").img-thumbnail

// Rounded tumbnail
img(src="path-to-image", alt="Rounded image").img-thumbnail.rounded

// Circle tumbnail
img(src="path-to-image", alt="Circle image").img-thumbnail.rounded-circle

附標題圖形

<!-- Caption on the left -->
<figure class="figure">
  <img src="path-to-image" class="figure-img" alt="...">
  <figcaption class="figure-caption">Caption on the left</figcaption>
</figure>

<!-- Caption in the center -->
<figure class="figure">
  <img src="path-to-image" class="figure-img" alt="...">
  <figcaption class="figure-caption text-center">Caption in the center</figcaption>
</figure>

<!-- Caption on the right -->
<figure class="figure">
  <img src="path-to-image" class="figure-img" alt="...">
  <figcaption class="figure-caption text-end">Caption on the right</figcaption>
</figure>

// Caption on the left
figure.figure
  img(src="path-to-image", alt="...").figure-img
  figcaption.figure-caption Caption on the left

// Caption in the center
figure.figure
  img(src="path-to-image", alt="...").figure-img
  figcaption.figure-caption.text-center Caption in the center

// Caption on the right
figure.figure
  img(src="path-to-image", alt="...").figure-img
  figcaption.figure-caption.text-end Caption on the right