我有一个 bulma分页元素,我想在它的右侧放置一个 html 选择。我使用关卡组件来实现我的目标,但它不起作用。
这是我的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>
这就是我得到的:
您会注意到分页下一个和上一个按钮放置在靠近分页编号的位置,这不是默认行为。
有人可以帮忙吗?