Asp.net mvc 4 引导4隐藏问题

我有一个简单的行和4列在那里。只要屏幕大小大于等于MD，它就会显示在一行中。我想隐藏这些列，所以我在行中添加了两个引导类，它们是“d-none d-md-block”，正如文档所示，一旦屏幕大小低于md，它就应该隐藏

但输出很奇怪，出于某种原因，我的列不再在一行中，而是显示在另一行的下面

有什么帮助吗

这是代码，只要屏幕大小大于md，列就应该在一行中

<div class="d-none d-md-block row">
    <div class="col-md-3">
        <div>1</div>
    </div>
    <div class="col-md-3">
        <div>2</div>
    </div>
    <div class="col-md-3">
        <div>3</div>
    </div>
    <div class="col-md-3">
        <div>4</div>
    </div>
</div> 

1.
2.
3.
4.

只需将

d-md-block

更改为

d-md-flex

，它就可以工作了，因为默认情况下，行在引导中具有

display:flex

属性，并且您正在分配它

display:block

属性

<div class="d-none d-md-flex row">
    <div class="col-md-3">
        <div>1</div>
    </div>
    <div class="col-md-3">
        <div>2</div>
    </div>
    <div class="col-md-3">
        <div>3</div>
    </div>
    <div class="col-md-3">
        <div>4</div>
    </div>
</div> 

1.
2.
3.
4.

只需将

d-md-block

更改为

d-md-flex

，它就可以工作了，因为默认情况下，行在引导中具有

display:flex

属性，并且您正在分配它

display:block

属性

<div class="d-none d-md-flex row">
    <div class="col-md-3">
        <div>1</div>
    </div>
    <div class="col-md-3">
        <div>2</div>
    </div>
    <div class="col-md-3">
        <div>3</div>
    </div>
    <div class="col-md-3">
        <div>4</div>
    </div>
</div> 

1.
2.
3.
4.

就是这样：

标题
1.
2.
3.
4.

您可以检查：

就是这样：

标题
1.
2.
3.
4.

---

您可以检查：

将检查这个，现在，我在行的顶部添加了一个额外的模具元素，它完成了一个技巧！！我会检查这个，现在，我已经添加了一个额外的模具元素在顶部的行，它做了一个把戏！！