Question

有没有一种方法可以使第一个顶部div在调整大小或移动视图时消失。

<body>
    <div class="top-area">
        <div class="row">
            <div class="col-sm-4">

Answer 1

是的，您可以结合使用引导程序4实用程序类，例如d-{breakpont}-none和d-{breakpoint}-block来实现。

<div class="top-area d-none d-md-block">
    <div class="row">
        <div class="col-sm-4">
            Top Area
        </div>
    </div>
</div>

这基本上是说top-area在中等断点md之前不会显示。之后，它显示为block。

文档： http://getbootstrap.com/docs/4.1/utilities/display/

小提琴： http://jsfiddle.net/aq9Laaew/168733/