我的博客上有以下搜索輸入，到目前為止使用simple-jekyll-search. 我在卡片中顯示結(jié)果z-index: 2;但是，當沒有搜索結(jié)果時，卡片不會彎曲到全寬。我只是不明白我在這里做錯了什么。請在下面找到相關(guān)代碼。搜索結(jié)果由 id 分配search-result為列表項。如何正確使用flex此處的類使“未找到結(jié)果”文本彎曲到全寬？我應(yīng)該把flex-column,flex-sm-row和放在哪里flex-sm-fill？d-flex這里的課怎么玩？<nav>    <!-- removed -->     <!-- Right side items -->    <form class="navbar-nav form-inline flex-column flex-sm-row" style="flex-basis: 350px;">      <!-- Fill on sm breakpoint -->      <div class="input-group flex-sm-fill">        <input class="form-control" id="search-box" type="search" placeholder="Search">        <div class="input-group-append">          <span class="input-group-text">            <i class="fa fa-search" aria-hidden="true"></i>          </span>        </div>        <div class="card shadow px-4 border-top-0" id="result-box" style="display: none; position: absolute; top: 49px; z-index: 2;">          <ul class="list-unstyled" id="search-result"></ul>        </div>      </div>    </form>  </div></nav>這是javascript部分：<script>  SimpleJekyllSearch({    searchInput: document.getElementById('search-box'),    resultsContainer: document.getElementById('search-result'),    searchResultTemplate: `    <li>      <a href="{url}">        <p><h6>{title}</h6></p>      </a>      <p>Category: <span class="badge badge-dark">{category}</span> Tags: <span class="badge badge-info">{tags}</span></p>     </li>`,    json: '/search.json',    noResultsText: `    <li>      <p><h6>No results found!</h6></p>    </li>`  })</script>