Bootstrap 4 如何获得引导&x27;文本居中且按钮位于右侧的行?

Bootstrap 4 如何获得引导&x27;文本居中且按钮位于右侧的行?,bootstrap-4,alignment,css-float,Bootstrap 4,Alignment,Css Float,我正在使用Bootstrap4.5和下面的代码创建网页的一个部分,除了右边的图标外,该部分看起来像下图 <div class="ExpSelSection" id="ExpSelSection"> <div class="ExpSelName" id="ExpSelName"> <div class="row justify-content-center

我正在使用Bootstrap4.5和下面的代码创建网页的一个部分,除了右边的图标外,该部分看起来像下图

<div class="ExpSelSection" id="ExpSelSection">
    <div class="ExpSelName" id="ExpSelName">
        <div class="row justify-content-center">
            <div class="col-md-auto align-self-center">
                <p>Centered Text</p>
            </div>
            <div class="pull-right">
                Something
            </div>
        </div>
    </div>
    <div class="ExpSelFields" id="ExpSelFields">
        <div class="row justify-content-center">
            <div class="col-md-auto">
                {{form.e_experiment|as_crispy_field}}
            </div>
        </div>  
    </div>
</div>   

居中文本

某物 {{form.e_实验{as_crispy_field}}

图标只是:

'<i class="material-icons">arrow_circle_down</i>'
“箭头\圆圈\向下”
如何在不影响居中文本的情况下将图标向右浮动