Operation Manual

Naar boven
“Bootstrap bevat een responsief dynamisch-rastersysteem dat is gericht op mobiele apparaten waarmee tot
wel twaalf kolommen correct kunnen worden geschaald wanneer de apparaat- of viewportgrootte toeneemt.
Dit systeem omvat vooraf gedefinieerde klassen voor eenvoudige lay-outopties en krachtige mixins voor het
genereren van meer semantische lay-outs.” - Bootstrap-documentatie.
Als u aan slag wilt gaan met Bootstrap-documenten in Dreamweaver, kunt u overwegen om eenvoudige
Bootstrap-sjablonen te gebruiken. Dreamweaver bevat een aantal sjablonen die zijn gericht op verschillende
soorten websites die u mogelijk wilt maken, bijvoorbeeld e-commerce of portfolio.
Als u helemaal zelf een Bootstrap-document wilt maken, kunt u altijd de instructies volgen die hier zijn
vermeld.
Kan ik bestaande documenten met dynamische rasters in Dreamweaver
migreren naar Bootstrap-documenten?
Nee, is er geen directe methode voor het converteren van uw bestaande documenten met dynamische
rasters naar Bootstrap-documenten. De gebruikerservaring in Dreamweaver bij het maken en ontwerpen van
Bootstrap-documenten is echter wel vergelijkbaar met die voor het maken van documenten met dynamische
rasters. U kunt bijvoorbeeld beginnen door rechtstreeks vanuit het dialoogvenster Nieuw document een
Bootstrap-document te maken. Terwijl u bij documenten met dynamische rasters documenten voor drie
basisvormfactoren (Mobiel, Tablet en Computer) maakt, begint u voor Bootstrap met het maken van een
document voor basisschermgrootten (klein, normaal en groot). De bewerkingsopties voor de lay-out die
worden weergegeven wanneer u op elementen in Bootstrap-documenten klikt, zien er ook vergelijkbaar uit
met de opties in documenten met dynamische rasters.
Bootstrap-documenten maken
U kunt beginnen met het ontwerpen van uw Bootstrap-website door een van de volgende opties in het
dialoogvenster Nieuw document te gebruiken:
Eenvoudige Bootstrap-sjablonen (Eenvoudige sjablonen > Bootstrap-sjablonen) -
Gebruik deze optie als u snel aan de slag wilt gaan en uw pagina's niet helemaal zelf wilt
samenstellen. U hoeft alleen maar de tekst te bewerken en zo nodig de middelen te
vervangen en uw responsieve website is klaar. Zie Eenvoudige Bootstrap-sjablonen
gebruiken voor meer informatie.
Een HTML-document maken op basis van het Bootstrap-framework (Nieuw
document > HTML > Bootstrap) - Gebruik deze optie als u uw website wilt volledig
samenstellen met CSS en Bootstrap-componenten in Dreamweaver. Zie HTML-
documenten maken op basis van het Bootstrap-framework voor meer informatie.
Eenvoudige Bootstrap-sjablonen gebruiken
Met eenvoudige Bootstrap-sjablonen kunt u heel snel webpagina's voor populaire thema's maken. U kunt alle
afhankelijke bestanden in het framework direct kopiëren.
1. Klik op Bestand > Nieuw.
2. Klik in het dialoogvenster Nieuw document dat wordt weergegeven op Eenvoudige
sjablonen en selecteer vervolgens de vereiste sjabloon in de lijst met Bootstrap-
sjablonen.
3. Klik op Maken.
210