jquery - div 背景无法与 bootstrap 一起正常工作

Question

<div id="content">
    <div class="container">
        <div class="row">
            <div class="columns">
                <div class="col-lg-6">
                    <div class="col-lg-6">
                        <div id="view-hole"></div>
                        <div class="col-lg-12">
                            <p>here is sometext</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div id="mebg" data-stellar-background-ratio="0.5">
                    <script>$('body').stellar();</script>
                    </div>
                </div>
            </div>
        </div>
    </div>

这是css

#mebg{
     height:400px;
     background-image: url("http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg");
     background-repeat: no-repeat;
    background-position: top left;
     background-size: cover;

 }

这是我的结果 http://imgur.com/a/jgdY5或代码笔 https://codepen.io/mikelennon92/project/editor/ArNdjw/

如果我将背景设为纯色，比如背景:红色；

它跨越所有 6 列并且正常工作。

Answer 1

请查看下面的代码片段，希望这个片段适合您。祝你好运!

#mebg {
	height:400px;
	background-image: url("http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div id="content">
    <div class="container">
        <div class="row">
            <div class="columns">
                <div class="col-lg-6">
                    <div id="view-hole"></div>
                    <p>here is sometext</p>
                </div>
                <div class="col-lg-6">
                    <div id="mebg" data-stellar-background-ratio="0.5">
                        <p>Check this one out!</p>
                        <script>$('body').stellar();</script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>