Operation Manual

Werken met Bootstrap-bestanden
Bootstrap is het meest gebruikte gratis HTML-, CSS- en JavaScript-
framework voor het ontwikkelen van responsieve websites voor
mobiel gebruik. Het framework bevat responsieve CSS- en HTML-
sjablonen voor knoppen, tabellen, navigatie, afbeeldingscarrousels en
andere elementen die u op uw webpagina kunt gebruiken. Er zijn ook
een aantal optionele JavaScript-insteekmodules beschikbaar die
ontwikkelaars in staat stellen om fantastische responsieve websites te
ontwikkelen, zelfs als ze alleen over basiskennis beschikken.
Met Dreamweaver kunt u Bootstrap-documenten maken en
bestaande webpagina's bewerken die zijn gemaakt met Bootstrap. Of
u nu een volledig ontworpen Bootstrap-bestand of een
conceptontwerp hebt, u kunt in Dreamweaver zowel de code
bewerken als wijzigingen in het ontwerp aanbrengen met visuele
bewerkingsfuncties als Bewerken met Live View, CSS ontwerpen,
Visuele mediaquery's en Extract.
Videozelfstudie: responsieve websites
ontwikkelen in Dreamweaver CC
(bekijk deze video van 3 minuten)
Meer informatie over hoe u de
ontwerpmogelijkheden voor responsieve
websites kunt gebruiken om websites te
maken die zich aanpassen aan
verschillende schermgrootten zodat de
content mooi wordt weergegeven. U
kunt volledig nieuwe websites maken of
eenvoudige Bootstrap-sjablonen
gebruiken.
Opmerking:
Naar boven
Algemene vragen
Bootstrap-documenten maken
Bootstrap-bestanden openen
Bootstrap-elementen verbergen en zichtbaar maken en verborgen elementen beheren
Bootstrap-componenten toevoegen
Rijen toevoegen
Kolommen toevoegen
Kolommen vergroten/verkleinen en verschuiven
Voor websites die zijn gemaakt met Bootstrap-frameworkversies ouder dan versie 3, zijn
visuele bewerkingsgereedschappen voor het verbergen en zichtbaar maken van elementen en functies voor
het bewerken van rijen en kolommen (toevoegen, grootte aanpassen, verschuiven) niet beschikbaar in
Dreamweaver.
Algemene vragen
Ik heb altijd dynamische rasters gebruikt in Dreamweaver. Hoe ga ik aan de
slag met Bootstrap?
Wanneer u documenten met dynamische rasters maakte, werden de overeenkomende klassen automatisch
toegepast in Dreamweaver om de webpagina's responsief te maken. U hoefde zich alleen op uw content te
richten en te bepalen hoe deze content opnieuw wordt weergegeven in de verschillende vormfactoren.
Bootstrap-documenten werken op een vergelijkbare manier en u hoeft zich alleen te concentreren op de
content en het ontwerp. De responsiviteit van uw webpagina wordt automatisch in Dreamweaver afgehandeld
via de nauwe integratie met het Bootstrap-framework.
209