bootstrap-vue示例代码-html代码-BFW代码库

bootstrap-vue示例代码

代码语言：html

代码描述：bootstrap-vue示例代码，采用 BootstrapVue 构建响应式、移动优先、ARIA项目（Accessible Rich Internet Application，可访问的富媒体应用，即无障碍友好应用)，基于 Vue.js 和世界全球最受欢迎的 CSS 前端框架 — Bootstrap v4

代码标签： bootstrap-vue bootstrap vue 示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang='en' class=''>

<head>

    <meta charset='UTF-8'>


    <meta name="viewport" content="width=device-width">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap-vue.css">

    <body>
        <div id="app">
            <div>
                
              
                <b-button size="sm" @click="toggle">
                    {{ show ? 'Hide' : 'Show' }} Alert
                </b-button>
                <b-alert v-model="show" class="mt-3" dismissible @dismissed="dismissed">
                    Hello {{ name }}!
                </b-alert>
                
                <div class="h2 mb-0">
                    <b-icon-arrow-up></b-icon-arrow-up>
                    <b-icon-exclamation-triangle-fill></b-icon-exclamation-triangle-fill>
                </div>
       .........完整代码请登录后点击上方下载按钮下载查看