图片

响应式图片

使用.vus-img类可以让图片支持响应式布局。

<img class="vus-img" src="./img/demo-banner.jpg" />

满屏图片

使用.vus-img-fluid类可以让图片布满容器。

<img class="vus-img-fluid" src="./img/demo-img-600x300.jpg" />

图片居中

使用.vus-img-wrapper.vus-img-container.vus-img-inner类组合,让图片居中。

<div class="vus-img-wrapper">
   <div class="vus-img-container" style="height: 250px;">
      <img class="vus-img-inner" src="../img/demo-img-300x300.jpg">
   </div>
</div>