Bootstrap in AMP HTML
Met de tool UnCSS Online! | Simply UnCSS your styles online! is het mogelijk om Bootstrap te implementeren in AMP HTML.
Een gevalideerde AMP-pagina vereist dat het JS (JavaScript) van (BS) Bootstrap verwijderd wordt.
De class-optie 'fixed-top' in het hoofmenu 'nav' werkt zonder JS.
Maar het toevoegen van subitems ('AMP') aan een item ('WHAT') in het BS-hoofdmenu is in AMP niet toegestaan want daarvoor heb je BS-JavaScript nodig.
Voor- en nadelen van AMP
Voordeel van AMP
100% Responsive én zeer geschikt voor zwakke(re) online-verbinding bij smartphones.
Nadeel van AMP
De codering van AMP is Extreem strikt is daardoor ongeschikt voor beginners.
De aangepaste achtergrondkleur binnen het element 'nav' van het hoofdmenu (style="background-color: purple!important") vereist '!important' dat in AMP niet is toegestaan.
Dat betekent dat je in principe in BS vastzit aan de standaard-kleur tenzij je in de ingeperkte inline BS-stylesheet de (achtergrond)kleur aanpast: .bg-dark{background-color:#343a40} ==> .bg-dark{background-color:purple} respectievelijk .nav-link{color:rgba(255,255,255,.5)} ==> .navbar-nav .nav-link{color:gold}.
Voorbeeld van 'FOTO'S 2024'
Ga voor alle foto's naar FOTO'S 2024.