如何在bootstrap jumbotron中安装图像?

时间:2015-03-02 12:55:35

标签: twitter-bootstrap

如何在引导式超级跑步机内安装图像?我已经尝试将background-size : cover; 应用于css中的.jumbotron类,但它从未对我有效。我也试过调整图像大小,但这会使它无响应。我对bootstrap很新,所以任何帮助都会受到赞赏!

我还需要将图像作为jumbotron中的背景,以便在其上方显示任何文本,按钮或图像。

请检查:http://www.bootply.com/xy1ypW7UpK

1 个答案:

答案 0 :(得分:0)

如果您希望图片为背景更改类,请执行以下操作:

.jumbotron1 {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #f9f9f9;
  text-align: center;
  background-size: cover;
  background-image: url("http://www.online-image-editor.com//styles/2014/images/example_image.png")
}