Html bulma在分页元素的右侧放置一个元素

我有一个bulma元素，我想在它的右边放置一个html select。我使用级别组件来实现我的目标，但它不起作用

以下是我的html代码：

<div class="level">
    <div class="level-left">
        <nav class="pagination">
            <a class="pagination-previous" disabled="disabled">
                <span class="icon is-small"><i class="fa fa-chevron-left"></i></span>
            </a>
            <a class="pagination-next">
                <span class="icon is-small"><i class="fa fa-chevron-right"></i></span>
            </a>
            <ul class="pagination-list">
                <li>
                    <a class="pagination-link is-current">1</a>
                </li>
                <li>
                    <a class="pagination-link">2</a>
                </li>
                <li>
                    <span class="pagination-ellipsis">…</span>
                </li>
                <li>
                    <a class="pagination-link">32</a>
                </li>
            </ul>
        </nav>
    </div>
    <div class="level-right">
        <div class="select is-fullwidth">
            <select name="limit" id="limit">
                <option value="">Records per page:</option>
                <option value="10">10</option>
                <option value="15">15</option>
                <option value="20">20</option>
            </select>
        </div>
    </div>
</div>

您可以注意到，“下一页分页”和“上一页分页”按钮位于分页编号附近，这不是默认行为

有人能帮忙吗。
从我在Bulma level组件上看到的情况来看，它们不是全宽的

使用Chrome或任何浏览器中的inspector，您将看到Bulma的实际功能：

justify-content: space-between;

差不多就是这样。一个flexbox，和之间的空间和订单，以确保什么是什么

所以Bulma代码工作得很好，包含分页按钮的元素不够宽，无法达到全宽。如果你把它放大，你会看到你所谓的默认行为

如果我还不够清楚，请考虑对你的情况做一个简单的介绍，我可以更新一下，告诉你该怎么做。如果是这样的话，你能接受这个答案或者解释一下剩下的问题是什么，以便下一个看到这个问题的用户能够完整地解决这个问题吗