Bootstrap 5 实现搜索框和排序选项布局

使用 Bootstrap 5 的栅格系统可以轻松实现将 input、button 元素放在一行的左边，select 放在一行的右边的布局。可以使用以下代码实现：在这个示例中，使用了 `row` 类来创建一行，并使用 `col-md-6` 类将表单分成两列。左侧列中的 input 和 button 元素使用了 `d-flex` 类和 `me-2` 类来创建一个水平排列的弹性容器，并使用了 `form-control` 类和 `btn btn-primary` 类来应用 Bootstrap 的样式。右侧列中的 select 元素使用了 `d-flex justify-content-end` 类来将其右对齐，并使用了 `form-select` 类来应用 Bootstrap 的样式。