Css 媒体查询更改Div背景颜色但不更改其宽度？

我已经寻找并尝试了解决方案，但没有为我工作

我的部门是

 <div id="test" class="col-4">
            <a class="nav-link py-0" href="~/MyDevices/Index">
                <img src="~/Images/logo.png" width="75" />
                <strong class="h4 text-white">
                    Title is here for Application
                </strong>
                <span class="sr-only">(current)</span>
            </a>
        </div>

我的媒体查询在bootstrap.css中

如果在#test之后在媒体查询中使用.col，则它不会调用此媒体查询no BG color

如何更改div宽度

---

hopes for your response

Bootstrap 4使用flex，所以如果您正在使用它，您应该像这样将宽度更改为flex

@media (min-width: 768px) {
    #test  {
        flex: 50% !important;
        max-width: 50% !important;
        background-color: aliceblue;
    }
}

但是您可以通过向元素中添加col-md-6来使用引导

 <div id="test" class="col-4 col-md-6">

我正在使用Bootstrap 3，我是否也应该尝试class=“col-4 col-md-6”？是的，对于Bootstrap 3，这是相同的，没问题，很高兴我能提供帮助！：）如果你不介意，你能告诉我这个col-md-6在干什么吗？

 <div id="test" class="col-4 col-md-6">