css - Bootstrap - 将图像响应添加到 CSS 背景图像

标签 css twitter-bootstrap responsive-design

在 Bootstrap 中,您可以设置 an 的类以随视口(viewport)调整大小:

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

如何将 Bootstrap 与 CSS 背景图片一起使用?

background: url(../images/MyImage.png) center center no-repeat;

最佳答案

尝试将这一行添加到您的 CSS 代码中。

background-size: cover;

关于css - Bootstrap - 将图像响应添加到 CSS 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24005876/

相关文章:

css - 如何在 Bootstrap 中禁用 "responsive"网格?

css - 响应式填充问题

javascript - 如何停止内联ckeditor div调整大小

html - CSS 样式未显示在 Django 应用程序中

javascript - Bootstrap 图片库始终在页面顶部打开

javascript - 带有 Bootstrap 的 SyntaxHighlighter 边距错误?

css - 如何用另一个固定的 div 推送固定的 div

html - 未触发媒体查询

php - 帖子的图像大小自定义CSS

jquery - Bootstrap - 在导航栏中更改事件类