twitter-bootstrap - 具有图像背景和列的行 Bootstrap

Question

我有一个问题。我想的很简单，但我不明白正确的方法。

我的简单代码:

<div class="row">

<div class="col-sm-4">
      some text and 2 buttons
</div>

</div>

好吧，我想要一个响应式背景图片。里面有一列有一些文本和 2 个按钮(如图)

重要的是响应方式。

谢谢你的帮助!

Answer 1

如果您希望图像根据浏览器窗口的大小进行调整，请使用以下代码:

background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;

记住不要设置图像的高度和宽度。有关更多信息，请查看此 MDN文章。