小编Osm*_*oni的帖子

标题对齐中心在 bootstrapVue 的 b-modal

            <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 示例代码。我还附上了输出图像。

在此处输入图片说明

如何将标题“确认批准”设为中心?

bootstrap-vue

3
推荐指数
2
解决办法
1030
查看次数

标签 统计

bootstrap-vue ×1