Bootstrap Jumbotron 背景图像在打开模式时消失

【问题标题】：Bootstrap Jumbostron Background image disappear when open modalBootstrap Jumbotron 背景图像在打开模式时消失
【发布时间】：2015-01-29 22:22:30
【问题描述】：

我正在使用标准引导程序“Jumbotron”模板。我在 jumbotron 中添加了背景图片：

.jumbotron{
    background: url("img/imgbg1.jpg") no-repeat center center; 
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

当我打开 boostrap modal 时，jumbotron 背景图像消失并且背景是灰色的。

为什么我会有这种行为？

【问题讨论】：

标签： twitter-bootstrap modal-dialog simplemodal

【解决方案1】：

我找到了解决方案：

使用数据目标属性和远程位置页面打开模式的链接

<a data-toggle="modal" href="page.php" data-target="#modal" class="btn btn-primary">Open me</a>

在这个页面中，我加载了 bootstrap css

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">

这就是为什么我的大屏幕变成灰色的！

我太傻了:-)

【讨论】：