spreaderman's questions

我被难住了。这几乎就是我想要的，但还不完全是。以下是当前布局，但需要修复：

这是 bootstrap5 的 html：

<div class="container">
    <div class="row">
        <!-- New Top Section (12 columns wide) -->
        <div class="col-12 order-1">
            <div class="top-section p-3 border">
                <h3>Top Section</h3>
                <p>Content for the top section goes here.</p>
            </div>
        </div>
    </div>
    
    <div class="row">
        <!-- Weather Table -->
        <div class="col-12 col-lg-9 order-2">
            <div class="table-container p-3 border">
                <h3>Weather Table</h3>
                <p>Content for the weather table goes here.</p>
            </div>
        </div>

        <!-- Location Map -->
        <div class="col-12 col-lg-3 order-4 order-lg-3 d-flex flex-column">
            <div id="map" class="p-3 border" style="width: 100%; height: 100%; background-color: #eaeaea;">
                <h3>Location Map</h3>
                <p>Content for the location map goes here.</p>
                
            </div>
        </div>

        <!-- Elevation -->
        <div class="col-12 col-lg-9 order-3">
            <div class="elevation-container p-3 border">
                <h3>Elevation</h3>
                <p>Content for the elevation section goes here.</p>

            </div>
        </div>
    </div>
</div>

我需要的是当位置图垂直增长时，海拔部分不会像现在这样向下移动。我搞不懂。

我正在使用 CI4、php8.0、guzzlehttp/guzzle 7.9.2 和 guzzlehttp/promises: 2.0.3。虽然 guzzle 运行良好，但当我得到承诺时，它就会失败。

我加载了以下类：

use GuzzleHttp\Client;
use GuzzleHttp\Promise;

我想解决如下所示的承诺，但是，我找不到“GuzzleHttp\Promise”类

// Wait for all the asynchronous requests to complete
$responses = Promise::settle($promises)->wait();

我的 composer.json 说：

"require": {
            "php": "^7.3||^8.0",
            "codeigniter4/framework": "^4",
            "phpbu/phpbu": "^6.0",
            "guzzlehttp/guzzle": "^7.9.2",
            "guzzlehttp/promises": "2.0.3",
  

在供应商中，我可以清楚地看到：guzzlehttp->guzzle guzzlehttp->promises

不确定如何进一步调试，因此请提供任何指示。