Boostrap 4 beta and Bootstrap Vue Navbar

by Ramses Lopez

HTML

<script src="https://unpkg.com/bootstrap-vue/dist/bootstrap-vue.js"></script>
<link rel="stylesheet" href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/tether@latest/dist/css/tether.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
    <!--PAGE CONTENT-->
    <main role="main" class="container-fluid">       
        <div class="row d-flex justify-content-center"  style="border: 1px solid red;">   
            <!--SELECT-->
            <div style="border: 1px solid blue;">
              <select id="selectList" style="width: 200px;">
                  <option></option>
                  <option value="attendance">Närvaro</option>
                  <option value="students">Elever</option>
              </select>
              <hr>

              <!--Js Content-->
              <div id="jsContent">
                JS Content
              </div>
              
            </div>
        </div>
    </main>