Upgrade Bootstrap
npm uninstall --save-dev bootstrap
npm install --save-dev bootstrap@next
Upgrade Popper
npm uninstall --save-dev popper.js
npm install @popper.js/core --save-dev
Drop jQuery
npm uninstall jquery --save-dev
update laravel's bootstrap.js
try {
window.bootstrap = require('bootstrap');
} catch (e) {}
usage
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">
Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">
Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">
Tooltip on left
</button>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
<script>
- install vagrant/virtualbox/homestead: https://laravel.com/docs/8.x/homestead
- install vagrant nfs plugin: https://github.com/winnfsd/vagrant-winnfsd / run as admin: winnfsd/vagrant-winnfsd#96 (comment)
- laravel/homestead#922 (comment)
- vagrant up / vagrant ssh
- create project in code directory: https://laravel.com/docs/8.x#installation-via-composer