如何设置图像的 CSS 样式以适应引导宽度

Posted 2023-03-06

技术标签:

【中文标题】如何设置图像的 CSS 样式以适应引导宽度【英文标题】：How to set the CSS styles of the image to fit bootstrap width 【发布时间】：2014-03-14 00:11:53 【问题描述】：

如何设置图像的 CSS 样式，使其适合引导 6 列可用的全宽并相应地缩放高度

  <div class="col-xs-6">
    <img src="the_image.jpg" class="my_image_style">          
  </div>

谢谢！

【问题讨论】：

【参考方案1】：

您可以使用 boostrap img-responsive 类。

<div class="row">
  <div class="col-xs-6">
    <img src="http://placehold.it/1000x100" class="img-responsive">
  </div>
</div>

这是一个示例bootply

【讨论】：

以上是关于如何设置图像的 CSS 样式以适应引导宽度的主要内容，如果未能解决你的问题，请参考以下文章