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或codepen https://codepen.io/mikelennon92/project/editor/ArNdjw/

如果我将背景设为平面颜色，请说背景：红色;

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

Answer 1

查看下面的代码段，希望这个会代表你。祝你好运！

＆＃13;

＆＃13;

#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;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;