css - 在 Bootstrap 中使 header 响应

Question

完全是 Bootstrap 的新手。我正在使用 Bootstrap V3 创建响应式单页网站。我的所有元素都在工作，但是我无法让标题响应地调整大小。 CSS 如下:

.header-image {
background: url(../images/header_test.jpg) no-repeat;
background-position: top;
height: auto;
display: block;
width: 100%;
text-align: center;

如有任何帮助，我们将不胜感激!

谢谢安德鲁

Answer 1

Bootstrap 3 有一个用于响应式图像的内置类 .img-responsive。

<img src="..." class="img-responsive" alt="Responsive image">

http://getbootstrap.com/css/#overview-responsive-images