<div class="text-center">
<b-modal visible centered id="send-pin-modal" header="test" title="Confirm Approval" hide-footer hide-header-close no-close-on-backdrop no-close-on-esc>
<div class="col-12 text-center">
<!--<p class="col-12">After being approved, the disbursement cannot be undone.</p>-->
</div>
<div class="col-12">
<div class="ml-5 mr-5">
<b-form-input type="password" id="pin-input" v-model="pin" required></b-form-input>
</div>
</div>
<div class="col-12 text-center">
<slot name="pin-error" class="text-danger text-center" v-show="comment">{{comment}}</slot>
</div>
<div class="col-12">
</div>
<div class="col-12 text-center">
<b-button variant="primary" size="sm" class="mt-2 mr-2" @click="verifyPin">Continue</b-button>
<b-button variant="danger" size="sm" class="mt-2 ml-2" @click="hidePinModal">Cancel</b-button>
</div>
</b-modal>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的 bootstrapVue 示例代码。我还附上了输出图像。
如何将标题“确认批准”设为中心?