Skip to content

Instantly share code, notes, and snippets.

View akolinski's full-sized avatar

Adam Kolinski akolinski

View GitHub Profile
@akolinski
akolinski / bootstrap-5.3.2-es-module.js
Last active January 29, 2024 22:07
If you want to include Bootstrap 5 in a modular way using single-line imports, you can do it like this.
<script type="importmap">
{
"imports": {
"@popperjs/core": "https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/esm/popper.min.js",
"bootstrap": "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.esm.min.js"
}
}
</script>
<script type="module">
import { Alert, Button, Carousel, Collapse, Dropdown, Modal, Popover, ScrollSpy, Tab, Toast, Tooltip } from 'bootstrap';
// No media query for xs since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@include media-breakpoint-up(sm) {
}
// Medium devices (tablets, 768px and up)
@include media-breakpoint-up(md) {
// No media query needed since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@include media-breakpoint-up(sm) {
}
// Medium devices (tablets, 768px and up)
@include media-breakpoint-up(md) {
show databases;
SELECT User,Host FROM mysql.user;
SHOW GRANTS FOR 'root'@'localhost';
GRANT ALL PRIVILEGES ON * . * TO 'root'@'localhost';
UPDATE mysql.user SET Grant_priv='Y', Super_priv='Y' WHERE User='root';
FLUSH PRIVILEGES;
--------
// If you get the error "Access denied for user 'root'@'localhost'" when running the ./setupdb.sh script
// No media query since this is the default in Bootstrap
// Very small devices (tablets, 480px and up)
@media (min-width: $screen-xs-min) {
}
// Small devices (tablets, 768px and up)
@media (min-width: $screen-sm-min) {