Question

出于某种原因，我无法隐藏<br>标签仅显示在较小的屏幕尺寸上。它不会出现在小屏幕上。它适用于其他屏幕尺寸。它适用于其他标签。有关屏幕尺寸较小的<br>标签的信息。

 <div class="row">
  <img src="static/works_3.jpg" class="img-responsive works-photo col-md-4 col-sm-12"><br class="hidden-xs hidden-md hidden-lg">
  <img src="static/works_3.jpg" class="img-responsive works-photo col-md-4 col-sm-12"><br class="hidden-xs hidden-md hidden-lg">
  <img src="static/works_3.jpg" class="img-responsive works-photo col-md-4 col-sm-12"><br class="hidden-xs hidden-md hidden-lg">
 </div>

Answer 1

将<br>更改为<div class="hidden-xs hidden-md hidden-lg"></div>

它应该有帮助

Answer 2

这项工作适合我。

<br class="hidden-xs"/>

希望它有所帮助！

Answer 3

这些类hidden-md等已从稳定的Bootstrap 4中删除。请改用这些类：.d-sm-none .d-md-block

Answer 4

我通常不给换行符添加类。我的混蛋通常是这样的。在这种情况下，我会在较大的屏幕上显示“ lg”及以上的断点。否则，我将隐藏换行标记。

这可以使标记保持干净。示例：

I usually don't give classes to line break tags. My sass is usually like this. In this particular case, I am showing on larger screens i.e 'lg' and above breakpoints. I am hiding the line break tag otherwise.

这可以使标记保持干净。示例：

br {
    display: none;
    @include media-breakpoint-up(lg) {
      display: block;
   }
 }

Answer 5

您可以执行以下操作：

<div class="task draggable" draggable="true" data-index="1">

但这可能不是跨浏览器。

无法在Bootstrap中隐藏

5 个答案: