Html 覆盖引导容器全宽背景色

我正在尝试将容器div的背景色扩展到浏览器的整个宽度。现在我无法绕过在引导中默认设置的容器样式，尽管将我自己的类添加到容器中。唯一有效的样式是

背景色

。我也尝试了下面的CSS，但没有做任何改变

margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FDDC00;

这是我的HTML：

<div class="container selection-section">
        <div class="row pattern-choice">
            <div class="col-md-12">
                <h2><i>Choose a pattern</i></h2>
                <ul>
                    <li class="button-border">
                        <h3 class="button-choice" ><a href="/solid/color" class="button-link" id="solid-choice">SOLID</a></h3>
                    </li>
                    <li class="button-border">
                        <h3 class="button-choice" id="stripe-choice"><a href="/stripe/color" class="button-link" id="stripe-choice">STRIPE</a></h3>
                    </li>
                    <li class="button-border">
                        <h3 class="button-choice" id="plaid-choice"><a href="/plaid/color" class="button-link" id="plaid-choice">PLAID</a></h3>
                    </li>
                </ul>
            </div>
        </div>
    </div>

---

如果只有颜色是围绕

容器的一个问题，那么另一个div可能适合您


。选择部分{
背景：#FDDC00；
}

选择一种模式









外分区
如果您希望容器扩展到网页的整个宽度，请使用
容器流体
而不是
容器

.selection-section {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FDDC00;
}