时间戳

首页 > 解决方案 > Bootstrap 4折叠更改页面的宽度

html - Bootstrap 4折叠更改页面的宽度

问题描述

我正在使用引导程序并发现了一个奇怪的问题。使用折叠按钮时，页面宽度发生变化（更改为较低），当我再次按下折叠隐藏显示的内容时，页面被重置为正常。什么可能导致问题？

<a class="btn btn-icon btn-light" data-toggle="collapse" href="#article-content1" role="button" aria-expanded="false" aria-controls="article-content1">
    <i class="fas fa-minus"></i>
</a>
<div class="collapse" id="article-content1">
  <div class="card-body">
    You can show or hide this card.
  </div>
  <div class="card-footer">
    <div class="container-fluid">
      <div class="row">
        <div class="col-1">
          <img alt="image" src="./assets/img/avatar/avatar.png" class="rounded-circle avatar-outline ml-autox" alt="" width="46" height="46" style="margin-top:-3px">
        </div>
        <div class="col-6 text-left">
          <strong>Jasmine Snow</strong></br>
          <span class="color-muted">November 11, 2020</span>
        </div>
        <div class="col-5"><!-- empty --></div>
      </div>
    </div>
  </div>
</div>

标签： htmlcssbootstrap-4

解决方案

推荐阅读