Question

我的页面有以下html。我试图弄清楚为什么井组件的内容没有包含在元素中。它从元素井外开始。

<div class="row">
    <div class="well">
        <div class="col-md-6">
            <h2>Education</h2>
            <ul>
                <li>School 1</li>
                <li>School 2</li>       
            </ul>
        </div>
        <div class="col-md-6">
            <h2>Education</h2>
            <ul>
                <li>School 1</li>
                <li>School 2</li>       
            </ul>
        </div>      
    </div>
</div>

.well {
    background-color: #9999FF;
    padding: 30px;
    margin-top: 50px;
}

Answer 1

尝试将井类添加到外部div。 JSFiddle

<div class="row well">
        <div class="col-md-6">
            <h2>Education</h2>
            <ul>
                <li>School 1</li>
                <li>School 2</li>       
            </ul>
        </div>
        <div class="col-md-6">
            <h2>Education</h2>
            <ul>
                <li>School 1</li>
                <li>School 2</li>       
            </ul>
        </div>      
</div>

Bootstrap Well组件不包含内容

1 个答案: