...

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

Example AMP

AMP kenmerkt zich door een zeer hoge laadsnelheid van de pagina's.

Zie verder »

Voordeel van AMP

Example AMP

100% Responsive én zeer geschikt voor zwakke(re) online-verbinding bij smartphones.

Zie verder »

Nadeel van AMP

Example AMP

De codering van AMP is Extreem strikt is daardoor ongeschikt voor beginners.

Zie verder »


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'

1. Zevenaar: Turmac Cultuurfabriek en straatkunst op 23 mei 2024

1. Zevenaar: Turmac Cultuurfabriek en straatkunst op 23 mei 2024

2. Zevenaar: Turmac Cultuurfabriek en straatkunst op 23 mei 2024

2. Zevenaar: Turmac Cultuurfabriek en straatkunst op 23 mei 2024

3. Zevenaar: Turmac Cultuurfabriek en straatkunst op 23 mei 2024

3. Zevenaar: Turmac Cultuurfabriek en straatkunst op 23 mei 2024

Ga voor alle foto's naar FOTO'S 2024.