css - Div 背景颜色未以 Bootstrap 形式继承

Question

我有一个围绕 Bootstrap 表单的 div。
当我为该 div 定义背景颜色时，表单中看不到背景颜色。

ADD:我在 wrapper_form - div 之前添加了三个主要的 div，以便您了解全貌。在第一个主要 div 之前开始有 body 标签。

这是我的代码:

.wrapper {
    min-height: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    display: inline-block;
}
.main-wrapper {
    height: 100%;
    overflow-y: auto;
    padding: 50px 0 0px 0;
}
.content {
    position: fixed;
    top: 50px;
    bottom: 36px;
    left: 0;
    right: 0;
    padding: 0 15px;
    overflow:auto;
}

.wrapper_form {
    background-color: yellow;
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet"/>

<div class="wrapper">
	<div class="main-wrapper">
        <div class="content">

<div class="wrapper_form">
    <div class="form-group form-inline">
    <div class="col-md-4">
        <label class="control-label">Input:</label>
    </div>
    <div class="col-md-8">
         <input type="text" class="form-control" name="myInput" id="myInput" value="" />                  
    </div>
    </div>
</div>

</div><!-- /.content-->
</div><!-- /.main-wrapper -->
</div><!-- /.wrapper -->

Answer 1

.wrapper_form {background-color: yellow !important;}