html - 如何在bulm中的嵌套元素中撤消is_mobile？

<div class="level is-mobile name_logo">
    <div class="level-left">
        <div class="level-item has-text-centered">
            <p class="heading">Example 1</p>
            <p class="is-size-5 has-text-weight-bold title">Example 2</p>
        </div>
    </div>

在此示例中，我使用is-mobile类在内部使force类连续显示。问题是这迫使<p class="heading">和<p class="title">在一行中显示。甚至没有使用<br>标记，我已经成功地在列中显示了这两个<p>。有什么我可以做的吗？

最佳答案

您是否正在尝试执行Bulma文档上的“移动级别”示例之类的操作？ https://bulma.io/documentation/layout/level/#mobile-level

.level-item设置为display:flex，使级别项目显示在行中。在Bulma文档中提供的示例中，还有一个额外的div包装了.heading和.title元素。添加额外的div，文本将显示在两行中。

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css" rel="stylesheet"/>
<div class="level is-mobile name_logo">
    <div class="level-left">
        <div class="level-item has-text-centered">
          <div>
            <p class="heading">Example 1</p>
            <p class="is-size-5 has-text-weight-bold title">Example 2</p>
          </div>
        </div>
    </div>
</div>

关于html - 如何在bulm中的嵌套元素中撤消is_mobile？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55581710/